@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { font-size: 62.5%; }
body { margin: 0 auto; font-family: "微软雅黑"; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; }
img { border: none; }
ul li { list-style-type: none; }
div, ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; color: #333; }
a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }
h1 { margin: 0; padding: 0; font-weight: normal; color: #333; }
.clear { clear: both; }
.maln { margin-left: auto !important; }
input, textarea { font-family: "微软雅黑"; font-size: 14px; font-size: 1.4rem; color: #333; border: none; outline: none; }
img { max-width: 100%; border: 0px solid #ccc; }
embed, video { max-width: 100%; border:none;}
input, textarea { border: none; background: none; font-family: inherit; }
input[type="submit"], textarea[type="submit"] { cursor: pointer; }
input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }
input[type="radio"], textarea[type="radio"] { cursor: pointer; }
input:focus, textarea:focus { outline: none; }
textarea { resize: none; }
.pull-left { float: left; }
.pull-right { float: right; text-align: left;}
.nex { *zoom: 1; }
.nex:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }
/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
ul, form, p, a, img, table, tr, td, ul, li, dd, dt, dl, span, div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
::-webkit-input-placeholder { color: #999; opacity: 1; }
/* WebKit browsers */
:-o-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #999; opacity: 1; }
/* Internet Explorer 10+ */
.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.self-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.self-ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.relative { position: relative; }
.absolute { position: absolute; }
.common-vc { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }
.common-hc { position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); }
.common-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.text-right { text-align: right; }
.text-left { text-align: left; }
.nlazy { min-width: 20%; }
/**/
[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }
[class*="-item"] .item-pic img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }
[class*="-item"] .item-pic:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
[class*="-item"] .item-title { overflow: hidden; }
[class*="-item"] .item-title a:hover { color: #db293f !important; }
[class*="-item"] .item-subt { overflow: hidden; }
[class*="-item"] .item-subt a:hover { color: #db293f !important; }
[class*="-item"] .item-desc { overflow: hidden; }
[class*="-item"] .item-desc a { display: block; color: #666; }
[class*="-item"] .item-desc a:hover { color: #db293f !important; }
/* @media screen and (min-width:1420px) {.wp {width: 1410px;margin: auto;}}
@media screen and (min-width:1220px) and (max-width:1419px) {.wp {width: 1200px;margin: auto;}} */
.wp { width: 1200px; margin: auto; }
@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }
@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }
@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }
@media screen and (min-width: 1220px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }
@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_marginr { margin-right: auto !important; }
  .no_marginl { margin-left: auto !important; } }
.wrap{overflow: hidden;}
/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }
.table table tr td { padding: 3px; border: 1px solid #ccc; }
@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }
/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }
.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }
@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }
/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { text-align: center; overflow: hidden; }
.page a { width: 35px; height: 30px; line-height: 28px; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0 2px 10px; border: solid 1px #e5e5e5; background-color: #fff; color: #333; font-size: 12px; font-size: 1.2rem; }
.page .prev, .page .next { width: 61px !important; margin: 0 3px 10px; }
.page a:hover, .page .page-active { background-color: #db293f !important; color: #FFFFFF !important; border-color: #db293f !important; }
.fl { float: left; display: inline-block; }
.add-form { float: right; }
.add-btn { width: 98px; height: 30px; line-height: 28px; text-align: center; border: solid 1px #db293f; background-color: #db293f; color: #FFFFFF; cursor: pointer; font-size: 12px; font-size: 1.2rem; }
.add-btn:hover { background-color: #db293f; color: #FFFFFF; border-color: #db293f; }
@media only screen and (max-width: 767px) { .fl { float: none; }
  .add-btn { font-size: 12px; font-size: 1.2rem; }
  .add-form { float: none; display: inline-block; }
  .page a { font-size: 12px; font-size: 1.2rem; } }
/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
.contact-pc { position: fixed; z-index: 999; right: 0; width: 64px; }
.contact-pc li { background-color: #006DAC; position: relative; width: 100%; height: 64px; border-radius: 0; margin-bottom: 0; border-radius: 5px; margin-bottom: 2px; }
.contact-pc li a { display: block; height: 100%; width: 100%; text-align: center; line-height: 64px; cursor: pointer; }
.contact-pc li .iconfont { color: #fff; }
.contact-pc li .item-ewm { position: absolute; top: 0; right: -9999px; width: 167px; border-radius: 5px; background-color: #006dac; text-align: center; padding: 12px 0; }
.contact-pc li .item-ewm p { color: #fff; margin-top: 9px; }
.contact-pc li.ewm-box:hover .item-ewm { right: 100%; }
.contact-pc li.c2 { overflow: hidden; }
.contact-pc li.c2 a { position: absolute; right: -126px; width: 190px; background-color: #006dac; border-radius: 5px; }
.contact-pc li.c2 a i { float: left; width: 64px; height: 64px; line-height: 64px; text-align: center; }
.contact-pc li.c2 a p { color: #fff; line-height: 18px; text-align: left; overflow: hidden; padding: 16px 0 0; }
.contact-pc li.c2:hover { overflow: visible; }
.contact-pc li.c2:hover a { right: 0; }
.contact-pc li.c1:hover .c1-box { display: block; }
.contact-pc li.c1 .c1-box { display: none; position: absolute; top: 0; right: 0; width: 176px; border: solid 1px #006dac; background-color: #fff; border-radius: 5px; z-index: 99; }
.contact-pc li.c1 .c1-box .item-title { line-height: 46px; color: #fff; font-size: 16px; font-size: 1.6rem; background-color: #006dac; padding: 0 18px; position: relative; }
.contact-pc li.c1 .c1-box .item-title .close { width: 12px; height: 12px; background: url(../images/web10.png) no-repeat center; position: absolute; top: 17px; right: 14px; cursor: pointer; }
.contact-pc li.c1 .c1-box .item-body { padding: 8px 0; text-align: center; }
.contact-pc li.c1 .c1-box .item-body a { display: inline-block; width: 126px; height: 34px; border-radius: 17px; border: solid 1px #006dac; color: #006dac; font-size: 16px; font-size: 1.6rem; text-align: center; line-height: 32px; margin: 4px 0; }
.contact-pc li.c1 .c1-box .item-body a:hover { background-color: #db293f; color: #fff; }
.c1 .iconfont { font-size: 28px; font-size: 2.8rem; }
.c2 .iconfont { font-size: 24px; font-size: 2.4rem; }
.c3 .iconfont { font-size: 25px; font-size: 2.5rem; }
.c4 { background-color: #A5A4A4 !important; }
.c4 .iconfont { font-size: 24px; font-size: 2.4rem; }
.contact-phone { position: fixed; bottom: 0; height: 50px; left: 0; right: 0; display: none; z-index: 999; }
.contact-phone li { background-color: #006DAC; width: 20%; height: 100%; float: left; position: relative; }
.contact-phone li a { display: block; height: 100%; width: 100%; text-align: center; line-height: 50px; cursor: pointer; }
.contact-phone li .iconfont { color: #fff; }
.contact-phone li .ewm { position: absolute; bottom: 50px; right: 50%; margin-right: -73px; display: none; max-width: 146px; }
@media only screen and (max-width: 767px) { .contact-pc { display: none; }
  .contact-phone { display: block; }
  body { padding-bottom: 50px; } 
  
 embed, video { max-width: 100%; border:none; height:200px} 
  }
/*back-top*/
.back-top { position: fixed; right: 5px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 998; }
.back-top:after { position: absolute; content: ''; background-color: #153371; width: 30px; height: 30px; top: 50%; left: 50%; margin: -15px 0 0 -15px; z-index: 997; }
.back-top .iconfont { font-size: 44px; font-size: 4.4rem; border-radius: 50%; color: #e1e1e1; box-shadow: 0px 5px 15px 0px rgba(0, 26, 41, 0.41); position: relative; z-index: 998; }
/*-------------contact end-----------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { height: 26px; font-size: 0; letter-spacing: 0; }
.pro-share .share-title { margin-right: 3px; display: inline-block; *display: inline; *zoom: 1; line-height: 26px; font-size: 14px; font-size: 1.4rem; color: #888; }
.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 26px; }
/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { padding: 40px 0 0; border-top: solid 1px #d2d2d2; }
.m-oths .oths-item { line-height: 30px; }
.m-oths .oths-item, .m-oths .oths-item a { color: #333; }
.m-oths .oths-item .item-name { color: #888; text-transform: uppercase; }
.m-oths .oths-item a:hover { color: #db293f; }
.m-oths .oths-item-1 { margin-bottom: 8px; }
.m-oths .iconfont { font-size: 26px; font-size: 2.6rem; color: #db293f; vertical-align: middle; margin-right: 5px; }
@media only screen and (max-width: 767px) { .m-oths { padding: 20px 0 0; } }
/*-------------bread start-----------------------------------------------------------------*/
.bread { border-bottom: dashed 1px #B5B5B5; line-height: 24px; padding: 12px 0; overflow: hidden; }
.bread, .bread a { color: #333; }
.bread .iconfont { font-size: 16px; font-size: 1.6rem; color: #000; }
.bread a:hover, .bread .bread-active { color: #db293f; }
/*-------------bread end-------------------------------------------------------------------*/
.search-box ::-webkit-input-placeholder { color: #999; opacity: 1; }
/* WebKit browsers */
.search-box :-o-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 4 to 18 */
.search-box ::-moz-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 19+ */
.search-box :-ms-input-placeholder { color: #999; opacity: 1; }
/* Internet Explorer 10+ */
.search { position: relative; }
@media screen and (max-width: 767px) {
	.search{display: none;}
}
.search .search-icon { cursor: pointer; display: block; line-height: 22px; }
.search .search-icon .iconfont { font-size: 22px; font-size: 2.2rem; color: #D8D8D8; vertical-align: middle; }
.search .search-box1 { display: none; overflow: hidden; position: absolute; top: 35px; right: 0; z-index: 999; width: 240px; height: 32px; border-radius: 2px; border: solid 1px #BFBFBF; background-color: #FFFFFF; cursor: pointer; }
.search .search-box1 .iconfont { font-size: 14px; font-size: 1.4rem; color: #fff; position: absolute; width: 35px; height: 32px; line-height: 32px; text-align: center; right: 0; top: 0; background-color: #db293f; z-index: -1; }
.search .search-input1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 32px; padding: 0 35px 0 9px; z-index: -2;}
.search .search-submit1 { position: absolute; width: 35px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; }
.search-box { position: relative; z-index: 9; width: 100%; max-width: 330px; height: 38px; background-color: #fff; cursor: pointer; }
.search-box .iconfont { font-size: 18px; font-size: 1.8rem; color: #fff; position: absolute; width: 38px; height: 38px; line-height: 38px; text-align: center; right: 0; top: 0; z-index: -1; background-color: #db293f; }
.search-box .search-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 38px; padding: 0 40px 0 14px; color: #999; z-index: -2;}
.search-box .search-submit { position: absolute; width: 38px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; }
/*-------------header start----------------------------------------------------------------*/
.header {  }
.header .h-top { padding: 25px 0 25px; }
.header .h-top .lang { margin-left: 10px; width: 22px; height: 22px; border-radius: 50%; background-color: #db293f; text-align: center; line-height: 22px; color: #fff; font-size: 12px; font-size: 1.2rem; }
.header .h-top .item-email { margin-left: 10px; width: 22px; height: 22px; border-radius: 50%; background-color: #E6002E; text-align: center; line-height: 22px; }
.header .h-top .item-email .iconfont { font-size: 12px; font-size: 1.2rem; color: #fff; }
.header .h-top .item-en { margin-left: 10px; width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; }
.header .h-top .item-en .iconfont { font-size: 12px; font-size: 1.2rem; color: #fff; }
.header .h-top .item-tel { margin-left: 5px; color: #db293f; font-size: 16px; font-size: 1.6rem; line-height: 20px; }
.header .h-top .item-tel .iconfont { font-size: 22px; font-size: 2.2rem; margin-right: 10px; vertical-align: middle; }
@media screen and (max-width: 999px) { .header .h-top { padding: 8px 0 0; } }
@media screen and (max-width: 767px) { .header .h-top { padding: 20px 35px 0; }
  .header .h-top .item-email, .header .h-top .item-tel { display: none; } }
.header .logo { display: block; position: absolute; top: 55px; left: 0; }
@media screen and (max-width: 767px) { .header .logo { position: relative; top: auto; left: auto; width: 60%; margin: -20px 0 10px; max-width: 350px;} }
.header .navlist { margin-top: 22px; }
.header .navlist > li { float: left; margin-left: 32px; }
.header .navlist > li:first-child { margin-left: 0; }
.header .navlist > li > a { font-size: 16px; font-size: 1.6rem; display: inline-block; position: relative; line-height: 26px; padding: 0 3px 31px; border-bottom: solid 4px transparent; }
.header .navlist > li.nav-active > a, .header .navlist > li:hover > a { color: #db293f; border-bottom: solid 4px #db293f; }
@media screen and (max-width: 1219px) { .header .navlist > li { margin-left: 8px; }
  .header .navlist > li > a { padding-bottom: 20px; } }
@media screen and (max-width: 999px) { .header .navlist { width: 100%; margin-top: 70px; }
  .header .navlist > li { width: 12.5%; margin: 0; }
  .header .navlist > li > a { padding-bottom: 10px; } }
@media screen and (max-width: 767px) { .header .navlist { display: none; } }
.header .navlist li:hover .yiji { top: 100%; }
/* 767 navlist1 */
.navlist1 { display: none; width: 100%; }
.navlist1 > li { float: left; width: 25%; text-align: center; }
.navlist1 > li > a { display: inline-block; position: relative; line-height: 30px; border-bottom: solid 2px transparent; }
.navlist1 > li.nav-active > a, .navlist1 > li:hover > a { color: #db293f; border-bottom: solid 2px #db293f; }
@media screen and (max-width: 767px) { .navlist1 { display: none; } }
/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer ::-webkit-input-placeholder { color: #999; opacity: 1; }
/* WebKit browsers */
.footer :-o-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 4 to 18 */
.footer ::-moz-placeholder { color: #999; opacity: 1; }
/* Mozilla Firefox 19+ */
.footer :-ms-input-placeholder { color: #999; opacity: 1; }
/* Internet Explorer 10+ */
.footer { background-color: #313131; }
.footer p, .footer a, .footer span, .footer li { color: #c1c1c1; }
.footer a:hover { color: #db293f; }
.footer .f-top { border-bottom: solid 1px #fff; border-bottom: solid 1px rgba(255, 255, 255, 0.4); padding: 74px 0 32px; }
.footer .f-top .footer-title { margin-bottom: 24px; font-size: 18px; font-size: 1.8rem; line-height: 26px; }
.footer .f-top .footer-title, .footer .f-top .footer-title a { color: #fff; }
.footer .f-top .footer-title a:hover { color: #db293f; }
.footer .f-top li { line-height: 30px; }
.footer .f-top .flist1 { width: 180px; padding-right: 15px; }
.footer .f-top .flist2 { width: 180px; padding-right: 15px; }
.footer .f-top .flist3 { width: 180px; padding-right: 15px; }
.footer .f-top .flist4 { width: 180px; padding-right: 15px; }
.footer .f-top .flist5 { width: 270px; }
@media screen and (max-width: 1219px) { .footer .f-top .flist1 { width: 150px; }
  .footer .f-top .flist2 { width: 170px; }
  .footer .f-top .flist3 { width: 240px; } }
@media screen and (max-width: 999px) { .footer .f-top .flist1 { width: 13%; }
  .footer .f-top .flist2 { width: 18%; }
  .footer .f-top .flist3 { width: 27%; }
  .footer .f-top .flist4 { width: 12%; }
  .footer .f-top .flist5 { width: 30%; } }
@media screen and (max-width: 767px) { .footer .f-top { display: none; } }
.footer .f-bot { padding: 21px 0 27px; line-height: 24px; }
.footer .f-bot .copyright span:first-child { font-family: arial; }
.footer .f-bot .copyright img { margin-left: 10px; }
.footer .f-bot .links { margin-top: 10px; }
.footer .f-bot .links a { display: inline-block; margin: 0 20px; }
@media screen and (max-width: 767px) { .footer .f-bot .links { display: none; } }
@media screen and (max-width: 767px) { .footer .f-bot { padding: 15px 0; margin-bottom:50px; }
  .footer .f-bot .copyright .pull-right { float: none; } }
/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
/* index-title start */
.index-title { text-align: center; }
.index-title .item-title { font-size: 36px; font-size: 3.6rem; font-weight: bold; }
.index-title .item-title, .index-title .item-title a { color: #db293f; }
.index-title .item-title a:hover { color: #333; }
@media screen and (max-width: 999px) { .index-title .item-title { font-size: 30px; font-size: 3rem; } }
@media screen and (max-width: 767px) { .index-title .item-title { font-size: 24px; font-size: 2.4rem; } }
.index-title .item-subt { font-family: arial; font-size: 20px; font-size: 2rem; line-height: 26px; margin-top: -1px; }
.index-title .item-subt, .index-title .item-subt a { color: #888; }
.index-title .item-subt a:hover { color: #db293f; }
@media screen and (max-width: 999px) { .index-title .item-subt { font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 767px) { .index-title .item-subt { font-size: 16px; font-size: 1.6rem; } }
/* index-title end */
/* keywords start */
.keywords { padding: 18px 0; background-color: #EEEEEE; }
.keywords .search-box { margin-left: 15px; }
.keywords .item-body { overflow: hidden; padding: 6px 0; line-height: 26px; word-break: break-word; }
.keywords .item-body a:hover { color: #db293f; }
.keywords .item-body a { display: inline-block; padding: 0 9px; color: #666; position: relative; }
.keywords .item-body a:after { position: absolute; content: '|'; left: 0; top: 0; line-height: 26px; }
.keywords .item-body a:first-child:after { display: none; }
@media screen and (max-width: 999px) { .keywords { padding: 15px 0; }
  .keywords .search-box { float: none; margin-left: 0; } }
  @media screen and (max-width:767px) {
	  .keywords .item-body{display: none;}
  }
/* keywords end */
/* index-products start */
.index-products { padding: 76px 0 86px; }
@media screen and (max-width: 1219px) { .index-products { padding: 70px 0; } }
@media screen and (max-width: 999px) { .index-products { padding: 50px 0; } }
@media screen and (max-width: 767px) { .index-products { padding: 30px 0; } }
.index-products .box-tab .tab-options { margin-top: 28px; margin-bottom: 40px; text-align: center; }
.index-products .box-tab .tab-options li { margin: 0 30px 6px; cursor: pointer; width: 154px; height: 42px; line-height: 40px; border-radius: 5px; border: solid 1px #737272; display: inline-block; color: #555; }
.index-products .box-tab .tab-options li:hover, .index-products .box-tab .tab-options li.tab-active { border-color: #db293f; color: #db293f; }
@media screen and (max-width: 999px) { .index-products .box-tab .tab-options li { margin: 0 10px 6px; } }
@media screen and (max-width: 767px) {
	.index-products .box-tab .tab-options{margin: 20px 0 15px;}
	.index-products .box-tab .tab-options li { height: 34px; line-height: 32px; float: left; width: 23%; margin: 0 1% 6px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 600px) { .index-products .box-tab .tab-options li { float: left; width: 24%; margin: 0 0.5% 6px; } }
.index-products .box-tab .tab-options h3 { font-size: 1.6rem; font-weight: normal; }
.index-products .box-tab .box-list1 .list-item { float: left; width: 50%; overflow: hidden; position: relative; border: solid 1px #EEEEEE; }
.index-products .box-tab .box-list1 .list-item:hover .item-backdrop { top: 0; }
.index-products .box-tab .box-list1 .item-pic { width: 100%; }
.index-products .box-tab .box-list1 .item-pic img { display: block; max-width: 600px; width: 100%; margin: 0 auto; }
.index-products .box-tab .box-list1 .item-backdrop { position: absolute; top: 999px; left: 0; width: 100%; bottom: 0; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; background-color: #000; background-color: rgba(0, 0, 0, 0.5); }
.index-products .box-tab .box-list1 .item-body { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin-top: -54px; color: #fff; font-size: 16px; }
.index-products .box-tab .box-list1 .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
.index-products .box-tab .box-list1 .item-title, .index-products .box-tab .box-list1 .item-title a { color: #fff; }
.index-products .box-tab .box-list1 .item-desc { line-height: 24px; height: 48px; max-width: 392px; margin: 16px auto 0; }
.index-products .box-tab .box-list1 .item-desc, .index-products .box-tab .box-list1 .item-desc a { color: #fff; }
@media screen and (max-width: 999px) {
	.index-products .box-tab .box-list1 .item-backdrop { position: relative; top: auto; left: auto;display: none; }
  .index-products .box-tab .box-list1 .item-body { position: relative; top: auto; margin-top: auto; padding: 10px; } }
@media screen and (max-width: 767px) {
	.index-products .box-tab .box-list1 .item-title { font-size: 16px; font-size: 1.6rem; }
  .index-products .box-tab .box-list1 .item-desc { margin-top: 6px; line-height: 22px; height: 44px; } }
@media screen and (max-width: 640px) { .index-products .box-tab .box-list1 .item-title { font-size: 14px; font-size: 1.4rem; }
  .index-products .box-tab .box-list1 .item-desc { margin-top: 5px; line-height: 18px; height: 36px;font-size: 12px; font-size: 1.2rem; } }
/* @media screen and (max-width: 550px) { .index-products .box-tab .box-list1 .list-item { width: 100%; } } */
.index-products .box-tab .box-list2 .list-item { float: left; margin-top: 2px; width: 33.27778%; margin-left: 0.08333%; overflow: hidden; position: relative; }
.index-products .box-tab .box-list2 .list-item:first-child { margin-left: 0; }
.index-products .box-tab .box-list2 .item-pic img { display: block; width: 100%; max-width: 487px; margin: 0 auto; }
.index-products .box-tab .box-list2 .item-body { padding: 0 35px; position: absolute; left: 0; width: 100%; top: 0; }
.index-products .box-tab .box-list2 .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 26px; margin-top: 26px; }
.index-products .box-tab .box-list2 .item-subt { font-family: arial; margin-top: 3px; font-size: 16px; font-size: 1.6rem; line-height: 18px; height: 36px; }
.index-products .box-tab .box-list2 .item-subt a { display: block; }
.index-products .box-tab .box-list2 .item-subt, .index-products .box-tab .box-list2 .item-subt a { color: #555; }
.box-list2 .item-subt a{color:#999!important;}
@media screen and (max-width: 999px) { .index-products .box-tab .box-list2 .item-body { padding: 0 10px; }
  .index-products .box-tab .box-list2 .item-title { margin-top: 6px; } }
@media screen and (max-width: 767px) { .index-products .box-tab .box-list2 .item-title { font-size: 16px; font-size: 1.6rem; }
  .index-products .box-tab .box-list2 .item-subt { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 640px) {
	/* .index-products .box-tab .box-list2 .list-item { width: 49.83333%; margin: 2px 0.08333% 0 !important; } */
	.index-products .box-tab .box-list2 .item-title { font-size: 14px; font-size: 1.4rem; }
	.index-products .box-tab .box-list2 .item-subt { font-size: 12px; font-size: 1.2rem; }
	.index-products .box-tab .box-list2 .item-body{
		position: relative;
		left: auto;
		top: auto;
		padding: 5px;
	}
}
/* @media screen and (max-width: 400px) { .index-products .box-tab .box-list2 .list-item { width: 100%; margin: 2px 0 0 !important; } } */
.index-products .box3-main .item-pic { width: 69.66667%; margin-right: 1.66667%; margin-top: 21px; }
@media screen and (max-width: 999px) { .index-products .box3-main .item-pic { width: 100%; float: none; margin: 20px auto 0; } }
.index-products .box3-main .item-form { margin-top: 21px; padding: 16px 17px 22px; overflow: hidden; border: solid 1px #BFBFBF; border-top: solid 4px #db293f; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }
.index-products .box3-main .item-form ::-webkit-input-placeholder { color: #666; opacity: 1; }
.index-products .box3-main .item-form :-o-placeholder { color: #666; opacity: 1; }
.index-products .box3-main .item-form ::-moz-placeholder { color: #666; opacity: 1; }
.index-products .box3-main .item-form :-ms-input-placeholder { color: #666; opacity: 1; }
.index-products .box3-main .item-form .item-title { text-align: center; font-size: 24px; font-size: 2.4rem; font-weight: bold; }
.index-products .box3-main .item-form .item-title, .index-products .box3-main .item-form .item-title a { color: #db293f; }
.index-products .box3-main .item-form .item-subt { padding-bottom: 11px; margin-bottom: 25px; border-bottom: solid 1px #BFBFBF; font-family: arial; text-align: center; font-size: 18px; font-size: 1.8rem; }
.index-products .box3-main .item-form .item-subt, .index-products .box3-main .item-form .item-subt a { color: #888; }
.index-products .box3-main .item-form .item-desc { font-size: 12px; font-size: 1.2rem; color: #888; padding-left: 10px; padding-top: 3px; }
.index-products .box3-main .item-form input, .index-products .box3-main .item-form select { width: 100%; height: 46px; line-height: 44px; border-radius: 4px; border: solid 1px #BFBFBF; margin-bottom: 13px; padding: 0 11px; font-size: 16px; font-size: 1.6rem; color: #666; background-color: #fff; }
.index-products .box3-main .item-form select { cursor: pointer; }
.index-products .box3-main .item-form .submit { margin-top: 1px; background-color: #db293f; color: #fff; border-color: #db293f; }
.index-products .box3-main .item-form .submit:hover { background-color: #333; }
@media screen and (max-width: 1219px) { .index-products .box3-main .item-form { padding: 10px 15px; }
  .index-products .box3-main .item-form .item-subt { margin-bottom: 8px; }
  .index-products .box3-main .item-form input, .index-products .box3-main .item-form select { margin-bottom: 8px; height: 38px; line-height: 36px; } }
@media screen and (max-width: 767px) { .index-products .box3-main .item-form .item-title { font-size: 20px; font-size: 2rem; }
  .index-products .box3-main .item-form .item-subt { font-size: 16px; font-size: 1.6rem; }
  .index-products .box3-main .item-form input, .index-products .box3-main .item-form select { font-size: 14px; font-size: 1.4rem; } }
/* index-products end */
/* index-adbox start */
.index-adbox { background: url(../images/bg1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 56px 0 80px; }
@media screen and (max-width: 1219px) { .index-adbox { padding: 56px 0 50px; } }
@media screen and (max-width: 999px) { .index-adbox { padding: 50px 0 50px; } }
@media screen and (max-width: 767px) { .index-adbox { padding: 30px 0 30px; } }
.index-adbox .box-desc { max-width: 1100px; margin-left: auto; margin-right: auto; margin-top: 28px; line-height: 24px; text-align: center; }
.index-adbox .box-desc, .index-adbox .box-desc a { color: #555; }
.index-adbox .box-desc a { display: block; }
.index-adbox .box-desc a:hover { color: #db293f; }
@media screen and (max-width: 767px) { .index-adbox .box-desc { margin-top: 10px; } }
.index-adbox .box-list .list-item { float: left; width: 260px; margin-left: 53px; text-align: center; margin-top: 20px; padding-top: 30px; padding-bottom: 30px; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; padding-left: 20px;padding-right: 20px;}
.index-adbox .box-list .list-item:hover { background-color: #fff; -webkit-box-shadow: 0 0 10px 5px #c8c8c8; box-shadow: 0 0 10px 5px #c8c8c8; -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }
.index-adbox .box-list .list-item:hover .item-pics .img1 { display: none; }
.index-adbox .box-list .list-item:hover .item-pics .img2 { display: block; }
.index-adbox .box-list .list-item:hover a { color: #db293f !important; }
@media screen and (max-width: 1219px) { .index-adbox .box-list .list-item { width: 230px; margin-left: 20px; } }
@media screen and (max-width: 999px) { .index-adbox .box-list .list-item { width: 23%; margin: 40px 1% 0; padding: 15px 0; }
  .index-adbox .box-list .list-item:hover { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@media screen and (max-width: 767px) { .index-adbox .box-list .list-item { margin-top: 30px; } }
@media screen and (max-width: 640px) { .index-adbox .box-list .list-item { width: 48%; } }
.index-adbox .box-list .item-pics { width: 100%; max-width: 188px; margin: 0 auto; }
.index-adbox .box-list .item-pics img { display: block; width: 100%; max-width: 188px; margin: 0 auto; }
.index-adbox .box-list .item-pics .img2 { display: none; }
@media screen and (max-width: 999px) { .index-adbox .box-list .item-pics { max-width: 150px; } }
@media screen and (max-width: 767px) { .index-adbox .box-list .item-pics { max-width: 120px; } }
@media screen and (max-width: 640px) { .index-adbox .box-list .item-pics { max-width: 100px; } }
.index-adbox .box-list .item-title { font-size: 20px; font-size: 2rem; line-height: 26px; font-weight: bold; margin-top: 35px; }
@media screen and (max-width: 999px) { .index-adbox .box-list .item-title { font-size: 18px; font-size: 1.8rem; margin-top: 20px; } }
@media screen and (max-width: 767px) { .index-adbox .box-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 10px; } }
.index-adbox .box-list .item-desc { margin-top: 14px; line-height: 24px; height: 72px; }
.index-adbox .box-list .item-desc, .index-adbox .box-list .item-desc a { color: #555; }
@media screen and (max-width: 999px) { .index-adbox .box-list .item-desc { margin-top: 10px; } }
@media screen and (max-width: 767px) { .index-adbox .box-list .item-desc { margin-top: 5px; } }
/* index-adbox end */
/* index-case start */
.index-case { padding: 56px 0 87px; }
@media screen and (max-width: 1219px) { .index-case { padding: 56px 0 70px; } }
@media screen and (max-width: 999px) { .index-case { padding: 50px 0; } }
@media screen and (max-width: 767px) { .index-case { padding: 30px 0; } }
.index-case .box-scroll { margin-top: 39px; position: relative; overflow: hidden; }
@media screen and (max-width: 767px) { .index-case .box-scroll { margin-top: 30px; } }
.index-case .box-scroll .scroll-btns { margin-top: 28px; text-align: center; }
.index-case .box-scroll .scroll-btns .scroll-btn { display: inline-block; cursor: pointer; }
.index-case .box-scroll .scroll-btns .scroll-btn .iconfont { color: #666; font-size: 32px; font-size: 3.2rem; }
.index-case .box-scroll .scroll-btns .scroll-btn .iconfont:hover { color: #db293f; }
.index-case .box-scroll .scroll-btns .scroll-btn.prev { margin-right: 12px; }
@media screen and (max-width: 767px) { .index-case .box-scroll .scroll-btns { margin-top: 20px; }
  .index-case .box-scroll .scroll-btns .scroll-btn .iconfont { font-size: 26px; font-size: 2.6rem; }
  .index-case .box-scroll .scroll-btns .scroll-btn.prev { margin-right: 5px; } }
.index-case .box-scroll .scroll-list-box { width: 100%; overflow: hidden; }
.index-case .box-scroll .scroll-list { width: 1000%; }
.index-case .box-scroll .scroll-list li { width: 2.40833%; margin-right: 0.12222%; float: left; }
@media screen and (max-width: 767px) { .index-case .box-scroll .scroll-list li { width: 3.2%; margin-right: 0.2%; } }
@media screen and (max-width: 500px) { .index-case .box-scroll .scroll-list li { width: 4.9%; margin-right: 0.2%; } }
.index-case .box-scroll .scroll-list .item-pic { position: relative; width: 100%; }
.index-case .box-scroll .scroll-list .item-pic img { width: 100%; display: block; max-width: 290px; margin: 0 auto; }
.index-case .box-scroll .scroll-list .item-body { margin-top: 1px; background-color: #EEEEEE; padding: 16px 20px 16px; }
.index-case .box-scroll .scroll-list .item-body:hover { background-color: #db293f; }
.index-case .box-scroll .scroll-list .item-body:hover a { color: #fff !important; }
@media screen and (max-width: 999px) { .index-case .box-scroll .scroll-list .item-body { padding: 15px; } }
@media screen and (max-width: 767px) { .index-case .box-scroll .scroll-list .item-body { padding: 10px; } }
.index-case .box-scroll .scroll-list .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 26px; }
@media screen and (max-width: 767px) { .index-case .box-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }
.index-case .box-scroll .scroll-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; }
.index-case .box-scroll .scroll-list .item-desc a { display: inline; }
@media screen and (max-width: 767px) { .index-case .box-scroll .scroll-list .item-desc { font-size: 14px; font-size: 1.4rem; } }
/* index-case end */
/* index-about start */
.index-about { background: url(../images/bg2.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 78px 0 84px; }
@media screen and (max-width: 1219px) { .index-about { padding: 70px 0; } }
@media screen and (max-width: 999px) { .index-about { padding: 50px 0; } }
@media screen and (max-width: 767px) { .index-about { padding: 30px 0; } }
.index-about .box-top .item-pic { float: left; width: 50%; margin-right: 3.75%; }
.index-about .box-top .item-pic img { display: block; width: 100%; max-width: 600px; margin: 0 auto; }
.index-about .box-top .index-title { text-align: left; /*margin-top: 35px;*/margin-top: -8px; }
.index-about .box-top .item-bg { margin-top: 10px; overflow-x: hidden; }
.index-about .box-top .item-bg p { display: inline-block; width: 100%; height: 1px; background: url(../images/web4.png) repeat-x; }
.index-about .box-top .item-desc { margin-top: 19px; line-height: 26px; }
.index-about .box-top .item-desc p { text-indent: 2em; }
.index-about .box-top .item-desc p, .index-about .box-top .item-desc a { color: #555; }
.index-about .box-top .item-desc a { display: block; }
.index-about .box-top .item-desc a:hover { color: #db293f; }
.index-about .box-top .item-desc strong { color: #db293f; position: relative; padding-left: 10px; }
.index-about .box-top .item-desc strong:after { position: absolute; content: ''; width: 6px; height: 6px; background-color: #db293f; opacity: 0.5; border-radius: 50%; left: 0; top: 50%; margin-top: -3px; }
.index-about .box-top .item-btn { margin-top: 26px; display: inline-block; width: 120px; height: 38px; background: #db293f; border-radius: 5px; text-align: center; line-height: 38px; color: #fff; }
@media screen and (min-width: 1220px) {
.index-about .box-top .item-btn { margin-top: 22px!important;}
}
@media screen and (min-width: 1000px) {
.index-about .box-top .item-btn { margin-top: 22px;}
}
.index-about .box-top .item-btn:hover { background-color: #333; }
@media screen and (max-width: 1219px) { .index-about .box-top .index-title {/* margin-top: 0;*/ }
  .index-about .box-top .item-bg { margin-top: 0; }
  .index-about .box-top .item-desc { margin-top: 10px; } }
@media screen and (max-width: 767px) { .index-about .box-top .item-desc { line-height: 24px; }
  .index-about .box-top .item-btn { margin-top: 20px; } }
@media screen and (max-width: 640px) { .index-about .box-top .item-pic { width: 100%; float: none; margin: 0 auto 30px; } }
.index-about .box-tab { margin-top: 60px; }
@media screen and (max-width: 999px) { .index-about .box-tab { margin-top: 50px; } }
@media screen and (max-width: 767px) { .index-about .box-tab { margin-top: 30px; } }
.index-about .box-tab .tab-options { text-align: center; }
.index-about .box-tab .tab-options li { font-size: 16px; font-size: 1.6rem; margin: 0 30px 6px; cursor: pointer; width: 154px; height: 42px; line-height: 40px; border-radius: 5px; border: solid 1px #737272; display: inline-block; color: #555; }
.index-about .box-tab .tab-options li:hover, .index-about .box-tab .tab-options li.tab-active { border-color: #db293f; color: #db293f; }
@media screen and (max-width: 999px) { .index-about .box-tab .tab-options li { margin: 0 10px 6px; } }
@media screen and (max-width: 767px) { .index-about .box-tab .tab-options li { height: 34px; line-height: 32px; float: left; width: 23%; margin: 0 1% 6px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 400px) { .index-about .box-tab .tab-options li { width: 48%; } }
.index-about .box-tab .tab-scroll { margin-top: 40px; position: relative; overflow: hidden; padding: 0 43px; }
@media screen and (max-width: 767px) { .index-about .box-tab .tab-scroll { margin-top: 30px; } }
.index-about .box-tab .tab-scroll .scroll-btns .scroll-btn { display: inline-block; cursor: pointer; position: absolute; top: 50%; margin-top: -16px; }
.index-about .box-tab .tab-scroll .scroll-btns .scroll-btn .iconfont { color: #666; font-size: 32px; font-size: 3.2rem; }
.index-about .box-tab .tab-scroll .scroll-btns .scroll-btn .iconfont:hover { color: #db293f; }
.index-about .box-tab .tab-scroll .scroll-btns .scroll-btn.prev { left: 0; }
.index-about .box-tab .tab-scroll .scroll-btns .scroll-btn.next { right: 0; }
@media screen and (max-width: 767px) { .index-about .box-tab .tab-scroll .scroll-btns .scroll-btn { margin-top: -13px; }
  .index-about .box-tab .tab-scroll .scroll-btns .scroll-btn .iconfont { font-size: 26px; font-size: 2.6rem; } }
.index-about .box-tab .tab-scroll .scroll-list-box { width: 100%; overflow: hidden; }
.index-about .box-tab .tab-scroll .scroll-list { width: 1000%; }
.index-about .box-tab .tab-scroll .scroll-list li { width: 2.4237%; margin-right: 0.10174%; float: left; position: relative; }
@media screen and (max-width: 767px) { .index-about .box-tab .tab-scroll .scroll-list li { width: 3.2%; margin-right: 0.2%; } }
@media screen and (max-width: 550px) { .index-about .box-tab .tab-scroll .scroll-list li { width: 4.9%; margin-right: 0.2%; } }
@media screen and (max-width: 400px) { .index-about .box-tab .tab-scroll .scroll-list li { width: 10%; margin-right: 0; } }
.index-about .box-tab .tab-scroll .scroll-list .item-pic { position: relative; width: 100%; max-width: 270px; margin: 0 auto; }
.index-about .box-tab .tab-scroll .scroll-list .item-pic img { width: 100%; display: block; max-width: 270px; margin: 0 auto; }
.index-about .box-tab .tab-scroll .scroll-list .item-title { text-align: left; line-height: 40px; position: absolute; bottom: 0; width: 100%; left: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.5); padding: 0 16px; }
.index-about .box-tab .tab-scroll .scroll-list .item-title, .index-about .box-tab .tab-scroll .scroll-list .item-title a { color: #fff; }
@media screen and (max-width: 767px) { .index-about .box-tab .tab-scroll .scroll-list .item-title { line-height: 30px; } }
/* index-about end */
/* index-news start */
.index-news { padding: 65px 0 98px; }
@media screen and (max-width: 1219px) { .index-news { padding: 65px 0 70px; } }
@media screen and (max-width: 999px) { .index-news { padding: 50px 0; } }
@media screen and (max-width: 767px) { .index-news { padding: 30px 0; } }
.index-news .box-tab .tab-options { margin-top: 27px; margin-bottom: 72px; border-bottom: solid 1px #BFBFBF; }
.index-news .box-tab .tab-options li { margin-left: 56px; cursor: pointer; font-size: 16px; font-size: 1.6rem; line-height: 38px; padding-bottom: 10px; float: left; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.index-news .box-tab .tab-options li:first-child { margin-left: 0; }
.index-news .box-tab .tab-options li:hover, .index-news .box-tab .tab-options li.tab-active { color: #db293f; border-color: #db293f; }
.index-news .box-tab .tab-options .item-btn { width: 80px; height: 36px; border-radius: 18px; line-height: 36px; background-color: #db293f; text-align: center; color: #fff; font-size: 16px; font-size: 1.6rem; margin-top: 15px; font-family: arial; }
@media screen and (max-width: 767px) { .index-news .box-tab .tab-options { margin-bottom: 30px; }
  .index-news .box-tab .tab-options li { margin-left: 40px; padding-bottom: 0; }
  .index-news .box-tab .tab-options .item-btn { margin-top: 2px; height: 30px; border-radius: 15px; line-height: 28px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 400px) { .index-news .box-tab .tab-options { margin-top: 20px; }
  .index-news .box-tab .tab-options li { margin-left: 10px; } }
.index-news .box-tab .item-pic { width: 48.33333%; margin-right: 3.75%; }
.index-news .box-tab .item-pic img { display: block; width: 100%; max-width: 580px; margin: 0 auto; }
@media screen and (max-width: 999px) { .index-news .box-tab .item-pic { width: 370px; } }
@media screen and (max-width: 767px) { .index-news .box-tab .item-pic { width: 100%; max-width: 580px; margin: 0 auto; float: none; } }
.index-news .box-tab .box-list { overflow: hidden; position: relative; top: -6px; }
@media screen and (max-width: 1219px) { .index-news .box-tab .box-list { top: auto; } }
@media screen and (max-width: 767px) { .index-news .box-tab .box-list { margin-top: 20px; } }
.index-news .box-tab .box-list .list-item { border-bottom: solid 1px #BFBFBF; padding: 27px 0 24px; }
@media screen and (max-width: 1219px) { .index-news .box-tab .box-list .list-item { padding: 13px 0; } }
@media screen and (max-width: 999px) { .index-news .box-tab .box-list .list-item { padding: 10px 0 8px; } }
@media screen and (max-width: 767px) { .index-news .box-tab .box-list .list-item { padding: 15px 0 10px; } }
.index-news .box-tab .box-list .item-date { border-right: solid 1px #7d7d7d; width: 98px; margin-right: 20px; }
.index-news .box-tab .box-list .item-date .p1 { font-size: 58px; font-size: 5.8rem; color: #666; font-family: "Arial-Black"; line-height: 60px; margin-top: -2px; }
.index-news .box-tab .box-list .item-date .p2 { font-size: 18px; font-size: 1.8rem; color: #999; margin-top: 4px; margin-bottom: -5px; }
@media screen and (max-width: 999px) { .index-news .box-tab .box-list .item-date { width: 80px; }
  .index-news .box-tab .box-list .item-date .p1 { font-size: 40px; font-size: 4rem; line-height: 40px; }
  .index-news .box-tab .box-list .item-date .p2 { font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } }
@media screen and (max-width: 767px) { .index-news .box-tab .box-list .item-date { width: 70px; }
  .index-news .box-tab .box-list .item-date .p1 { font-size: 30px; font-size: 3rem; line-height: 40px; }
  .index-news .box-tab .box-list .item-date .p2 { font-size: 14px; font-size: 1.4rem; } }
.index-news .box-tab .box-list .item-body { /*overflow: hidden;*/ }
.index-news .box-tab .box-list .item-title { margin-top: -6px; font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 26px; }
.index-news .box-tab .box-list .item-title, .index-news .box-tab .box-list .item-title a { color: #666; }
@media screen and (max-width: 767px) { .index-news .box-tab .box-list .item-title { font-size: 16px; font-size: 1.6rem; } }
.index-news .box-tab .box-list .item-desc { line-height: 26px; height: 52px; margin-top: 12px; }
@media screen and (max-width: 999px) { .index-news .box-tab .box-list .item-desc { margin-top: 5px; line-height: 22px; height: 44px; } }
/* index-news end */
/*-------------index end-------------------------------------------------------------------*/

/*-------------products1 start-------------------------------------------------------------*/
/* .pro-cate start */
.pro-cate { text-align: center; }
.pro-cate > a {  font-size: 1.1rem; margin: 0 25px 6px; cursor: pointer; width: 146px; height: 40px; line-height: 38px; border-radius: 5px; border: solid 1px #bfbfbf; display: inline-block; color: #333; }
.pro-cate > a:hover, .pro-cate > a.active { border-color: #db293f; background-color: #db293f; color: #fff;  }
.pro-cate > a >h2{font-size: 16px;font-size: 1.6rem;width: 146px;height: 40px;color: #333; font-weight: inherit;}
@media screen and (max-width: 999px) { .pro-cate > a { margin: 0 10px 6px; } }
@media screen and (max-width: 767px) { .pro-cate > a { height: 34px; line-height: 32px; font-size: 14px; font-size: 1.4rem;width:auto;padding:0 10px; margin:0 5px 5px;} }
@media screen and (max-width:500px) { .pro-cate > a {padding:0 5px;margin:0 1px 5px;font-size:12px;font-size:1.2rem;} }
/* .pro-cate end */
.pro1-wrap, .pro1-bread { background-color: #f5f5f5; }
.pro1-title { font-weight: bold; font-size: 24px; font-size: 2.4rem; text-align: center; position: relative; padding-bottom: 15px; margin-bottom: 33px; padding-top: 10px; }
.pro1-title:after { position: absolute; content: ''; width: 58px; height: 3px; left: 50%; margin-left: -29px; bottom: 0; background-color: #db293f; }
@media screen and (max-width: 999px) { .pro1-title { font-size: 22px; font-size: 2.2rem; } }
@media screen and (max-width: 767px) { .pro1-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; margin-bottom: 20px; padding-top: 0; } }
.pro1-list { padding: 44px 0 62px; }
@media screen and (max-width: 1219px) { .pro1-list { padding: 44px 0 30px; } }
@media screen and (max-width: 999px) { .pro1-list { padding: 44px 0 20px; } }
@media screen and (max-width: 767px) { .pro1-list { padding: 30px 0 10px; } }
.pro1-list .list-item { /*float: left;*/display: inline-block;vertical-align: top; width: 29.2%; margin-left: 5.75%; background-color: #fff; padding: 10px 11px 22px; margin-bottom: 53px; }
.pro1-list .list-item:hover { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.23); }
@media screen and (max-width: 999px) { .pro1-list .list-item { /*width: 31.33%;*/width: 30.8%; margin: 0 1% 40px; } }
@media screen and (max-width: 767px) { .pro1-list .list-item { margin-bottom: 30px; padding: 10px; } }
@media screen and (max-width: 640px) { .pro1-list .list-item { width: 47%; } }
.pro1-list .item-pic { width: 100%; position: relative; }
.pro1-list .item-pic img { display: block; width: auto; max-height:100%; margin: 0 auto; }
.pro1-list .item-pic:hover .item-backdrop { top: 0; }
.pro1-list .item-backdrop { position: absolute; top: 999px; bottom: 0; left: 0; width: 100%; background-color: #db293f; background-color: rgba(0, 91, 172, 0.6); -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; }
@media screen and (max-width: 999px) { .pro1-list .item-backdrop { display: none; } }
.pro1-list .item-body { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px; padding: 0 15px; }
.pro1-list .item-body p { line-height: 36px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/web2.png) no-repeat left center; padding-left: 20px; }
.pro1-list .item-body p, .pro1-list .item-body p a { color: #fff; }
.pro1-list .item-body p a:hover { color: #ccc; }
.pro1-list .item-body1 { text-align: center; }
.pro1-list .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; margin-top: 18px; }
@media screen and (max-width: 999px) { .pro1-list .item-title { margin-top: 10px; } }
@media screen and (max-width: 767px) { .pro1-list .item-title { font-size: 16px; font-size: 1.6rem; } }
.pro1-list .item-desc { margin-top: 3px; font-size: 16px; font-size: 1.6rem; line-height: 26px; height: 52px; text-align: left;text-indent: 32px; }
.pro1-list .item-desc, .pro1-list .item-desc a { color: #555; }
@media screen and (max-width: 767px) { .pro1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; height: 44px;display: none; } }
.pro1-list .item-btn { margin-top: 9px; display: inline-block; width: 146px; height: 46px; line-height: 44px; border: solid 1px #db293f; color: #db293f; font-size: 16px; font-size: 1.6rem; }
.pro1-list .item-btn:hover { background-color: #db293f; color: #fff; }
@media screen and (max-width: 767px) { .pro1-list .item-btn { height: 36px; line-height: 34px; width: 110px; font-size: 14px; font-size: 1.4rem; } }
/*-------------products1 end---------------------------------------------------------------*/
/*-------------products2 start-------------------------------------------------------------*/
.m-prob1 { /*margin-top: 73px;*/margin-top: 20px; position: relative; }
@media screen and (max-width: 999px) { .m-prob1 { margin-top: 50px; } }
@media screen and (max-width: 767px) { .m-prob1 { margin-top: 30px; } }
.m-prob1 .prob-pic { width: 40.58333%; float: left; }
.m-prob1 .prob-pic-big { position: relative; border: solid 1px #e5e5e5; }
.m-prob1 .prob-pic-big .tip { position: absolute; top: 10px; left: 27px; z-index: 99; }
.m-prob1 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; }
.m-prob1 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }
.m-prob1 .zoomWrapperImage img { max-width: 1200px; }
.m-prob1 .prob-pic-small1 { display: none; }
.m-prob1 .prob-pic-small2 { width: 89.77444%; margin-top: 30px; }
.m-prob1 .prob-pic-small { padding: 0 30px; overflow: hidden; position: relative; }
.m-prob1 .prob-pic-btn { position: absolute; top: 50%; margin-top: -8px; display: block; cursor: pointer; }
.m-prob1 .prob-pic-btn .iconfont { color: #2e2e2e; font-size: 19px; font-size: 1.9rem; }
.m-prob1 .prob-pic-btn .iconfont:hover { color: #db293f; }
.m-prob1 .prob-pic-btn.prev { left: 0; }
.m-prob1 .prob-pic-btn.next { right: 0; }
.m-prob1 .prob-pic-list { overflow: hidden; }
.m-prob1 .prob-pic-list ul { width: 1000%; overflow: hidden; }
.m-prob1 .prob-pic-list li { position: relative; float: left; margin-right: 0.27933%; width: 2.2905%; overflow: hidden; }
.m-prob1 .prob-pic-item .item-pics { border: transparent 1px solid; width: 100%; }
.m-prob1 .prob-pic-item .item-pics.zoomThumbActive { border: solid 1px #db293f; }
.m-prob1 .prob-pic-item .item-pics img { display: block; width: 100%; }
@media screen and (max-width: 999px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; }
  .m-prob1 .prob-pic { float: none; margin: 0 auto; width: 487px; }
  .m-prob1 .prob-pic-small2 { display: none; }
  .m-prob1 .prob-pic-small1 { display: block; margin-top: 10px; } }
@media screen and (max-width: 767px) { .m-prob1 .prob-pic { width: 100%; }
  .m-prob1 .prob-pic-big { display: none; }
  .m-prob1 .prob-pic-small { margin-top: 0; }
  .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 3.2%; }
  .m-prob1 .prob-pic-item .item-pics.zoomThumbActive { border-color: #e5e5e5; } }
@media screen and (max-width: 640px) { .m-prob1 .prob-pic-list ul li { margin-right: .2%; width: 4.9%; } }
@media screen and (max-width: 480px) { .m-prob1 .prob-pic-list ul li { margin-right: 0%; width: 10%; } }
/* pro-info */
.pro-info { width: 55.41667%; }
.pro-info .item-title { font-size: 24px; font-size: 2.4rem; line-height: 26px; font-style: normal; /*margin-top: 32px;*/ }
.pro-info .item-subt { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 11px; }
.pro-info .item-desc { /*border-top: solid 1px #bfbfbf; font-size: 14px; font-size: 1.4rem; line-height: 26px; min-height: 121px; margin-top: 22px; padding: 21px 0 15px;*/ border-top: solid 1px #bfbfbf;margin-bottom: 56px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    height: 110px;
    margin-top: 10px;padding-top: 10px;
    overflow: hidden;}
.pro-info .item-desc, .pro-info .item-desc p { color: #555; }
.pro-info .item-btn { cursor: pointer; float: left; display: inline-block; width: 140px; height: 44px; line-height: 42px; border-radius: 0; font-size: 16px; font-size: 1.6rem; text-align: center; border: solid 1px #db293f; color: #db293f; }
.pro-info .item-btn:hover { background-color: #db293f; color: #fff; }
.pro-info .item-btn:first-child { margin-right: 24px; }
.pro-info .pro-share { float: left; /*margin-left: 17px;*/ margin-top: 18px; margin-bottom: 10px;}
@media screen and (max-width: 1219px) { .pro-info .item-title { margin-top: 0; } }
@media screen and (max-width: 999px) { .pro-info { width: 100%; margin: 30px auto 0; }
  .pro-info .item-desc { height: auto; min-height: auto; } }
@media screen and (max-width: 767px) { .pro-info .item-title { font-size: 20px; font-size: 2rem; }
  .pro-info .item-subt { margin-top: 0; }
  .pro-info .item-desc { line-height: 24px; margin-top: 10px; }
  .pro-info .item-btn { height: 34px; line-height: 32px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 550px) { .pro-info .item-btn { width: 45%; margin: 0 2.5% !important; float: left; }
  .pro-info .pro-share { margin-left: 0; } }
/* pro2-specbox start*/
.pro2-specbox { margin-top: 70px; }
@media screen and (max-width: 999px) { .pro2-specbox { margin-top: 50px; } }
@media screen and (max-width: 767px) { .pro2-specbox { margin-top: 30px; } }
.pro2-specbox .box-tab .tab-options li a{ cursor: pointer; float: left; width: 19.83334%; margin: 0 0.08333%; line-height: 54px; color: #db293f; text-align: center; background-color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; }
.pro2-specbox .box-tab .tab-options li:hover, .pro2-specbox .box-tab .tab-options li.tab-active a{ color: #fff; background-color: #db293f; }
@media screen and (max-width: 767px) { .pro2-specbox .box-tab .tab-options li { line-height: 40px; /*width: 24.5%;*/ margin: 0 0.25%; } }
@media screen and (max-width: 640px) { 
	.pro2-specbox .box-tab .tab-options li { font-size: 14px; font-size: 1.4rem; } 
	.pro2-specbox .box-tab .tab-options li a{font-size: 12px; font-size: 1.2rem;}
}
.pro2-specbox .box-tab .tab-content-item { font-size: 16px; font-size: 1.6rem; line-height: 26px; padding: 57px 0 32px; }
@media screen and (max-width: 767px) { .pro2-specbox .box-tab .tab-content-item { font-size: 14px; font-size: 1.4rem; line-height: 24px; padding: 30px 0; } }
.pro2-specbox .box-app .box-title { font-size: 18px; font-size: 1.8rem; line-height: 26px; }
@media screen and (max-width: 767px) { .pro2-specbox .box-app .box-title { font-size: 16px; font-size: 1.6rem; } }
.pro2-specbox .box-app .box-list .list-item { float: left; width: 23.75%; margin-left: 1.66667%; margin-top: 17px; }
@media screen and (max-width: 999px) { .pro2-specbox .box-app .box-list .list-item { width: 23%; margin: 17px 1% 0; } }
@media screen and (max-width: 550px) { .pro2-specbox .box-app .box-list .list-item { width: 47%; display: inline-block;vertical-align: top;float: none;} }
.pro2-specbox .box-app .box-list .item-pic { width: 100%; }
.pro2-specbox .box-app .box-list .item-pic img { display: block; max-width: 285px; width: 100%; margin: 0 auto; }
.pro2-specbox .box-app .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 16px; text-align: center; }
@media screen and (max-width: 767px) { .pro2-specbox .box-app .box-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } }
/* pro2-specbox end */
.bgbox { padding: 20px 0 58px 0; border-bottom: 1px solid #db293f; }
@media screen and (max-width: 767px) { .bgbox { padding: 70px 0 0; } }
@media screen and (max-width: 640px) { .bgbox { padding: 50px 0 0; } }
.pro2-title { background: #db293f; }
.pro2-title > a { cursor: pointer; float: left; width: 24.83333%; line-height: 54px; background-color: #fff; text-align: center; color: #db293f; font-size: 16px; font-size: 1.6rem; font-weight: bold; border-right: 3px #c3c3c5 solid; }
.pro2-title > a:hover, .pro2-title > a.tab-active { background-color: #db293f; color: #fff; }
@media screen and (max-width: 767px) { .pro2-title > a { line-height: 40px; width: 24.5%; margin: 0; border: 0; } }
@media screen and (max-width: 640px) { .pro2-title > a { font-size: 14px; font-size: 1.4rem; } }
.pro2-related { margin-top: 44px; }
.pro2-related .pro1-list { padding: 0; }
.pro2-related .pro1-list .list-item { border: solid 1px #e5e5e5; margin-top: 72px; margin-bottom: 0; }
@media screen and (max-width: 999px) { .pro2-related .pro1-list .list-item { margin-top: 50px; } }
@media screen and (max-width: 767px) { .pro2-related { margin-top: 30px; }
  .pro2-related .pro1-list .list-item { margin-top: 30px; } }
/* pro2-form start */
.pro2-form { margin-top: 87px; background-color: #EEEEEE; padding: 22px 45px 26px 70px; margin-bottom:50px; }
.pro2-form .box-title { line-height: 26px; color: #555; margin-bottom: 18px; }
.pro2-form .item-textarea { margin-left: 1.83333%; width: 48.57143%; }
.pro2-form .item-textarea textarea { height: 236px; background-color: #fff; border: solid 1px #DCDCDC; width: 100%; color: #555; line-height: 26px; padding: 5px 25px; }
.pro2-form .item-left { overflow: hidden; }
.pro2-form .item-left .item-row { margin-bottom: 11px; }
.pro2-form .item-left .item-title { width: 98px; background-color: #fff; border: solid 1px #DCDCDC; line-height: 36px; margin-right: 2px; text-align: center; color: #555; }
.pro2-form .item-left .item-input { overflow: hidden; }
.pro2-form .item-left input { width: 100%; line-height: 36px; height: 38px; background-color: #fff; border: solid 1px #DCDCDC; padding: 0 14px; color: #555; }
.pro2-form .item-left .codeinput { width: 220px; float: left; margin-right: 9px; }
.pro2-form .item-left .codeimg { width: 88px; cursor: pointer; float: left; }
.pro2-form .item-left .item-btn { width: 78.13084%; background-color: #db293f; border-color: #db293f; color: #fff; margin-top: -1px; line-height: 34px; }
.pro2-form .item-left .item-btn:hover { background-color: #333; }
@media screen and (max-width: 999px) { .pro2-form { margin-top: 50px; padding: 20px 2.5%; }
  .pro2-form .item-left .codeinput { width: 140px; } }
@media screen and (max-width: 767px) { .pro2-form { margin-top: 30px; }
  .pro2-form .item-textarea { width: 100%; float: none; margin: 0 auto; }
  .pro2-form .item-textarea textarea { height: 150px; }
  .pro2-form .item-left input { padding: 0 5px; }
  .pro2-form .item-left .item-btn { width: 100%; }
  .pro2-form .item-left .codeinput { width: 110px; margin-right: 5px; }
  .pro2-form .item-left .item-title { width: 80px; } }
/* pro2-form end */
/*-------------products2 end---------------------------------------------------------------*/
/*-------------products3 start-------------------------------------------------------------*/
/*-------------products3 end---------------------------------------------------------------*/
/*-------------products4 start-------------------------------------------------------------*/
/*-------------products4 end---------------------------------------------------------------*/
/*-------------products5 start-------------------------------------------------------------*/
/*-------------products5 end---------------------------------------------------------------*/
/*-------------service1 start--------------------------------------------------------------*/
.main .box-main { width: 923px; }
.main .box-slide { width: 253px; }
@media screen and (max-width: 1219px) { .main .box-main { width: 700px; } }
@media screen and (max-width: 999px) { .main .box-main { width: 100%; }
  .main .box-slide { width: 100%; margin: 30px 0 0; } }
/*-------------service1 end----------------------------------------------------------------*/
/*-------------service2 start--------------------------------------------------------------*/
/*-------------service2 end----------------------------------------------------------------*/
/*-------------service3 start--------------------------------------------------------------*/
/*-------------service3 end----------------------------------------------------------------*/
/*-------------service4 start--------------------------------------------------------------*/
/*-------------service4 end----------------------------------------------------------------*/
/*-------------service5 start--------------------------------------------------------------*/
/*-------------service5 end----------------------------------------------------------------*/
/*-------------service6 start--------------------------------------------------------------*/
/*-------------service6 end----------------------------------------------------------------*/
/*-------------about1 start----------------------------------------------------------------*/
.about-bar { text-align: center; margin: 0 auto; }
.about-bar .fix { display: inline-block; }
@media screen and (max-width: 640px) { .about-bar .fix { display: block; } }
.about-bar a { float: left; width: 150px; line-height: 42px; background-color: #ececec; display: inline-block; font-size: 16px; font-size: 1.6rem; font-weight: bold; margin: 0 1px; }
.about-bar a:hover, .about-bar a.active { background: #db293f url(../images/web9.png) no-repeat bottom center; color: #fff; }
@media screen and (max-width: 767px) { .about-bar a { font-size: 14px; font-size: 1.4rem; line-height: 36px; width: 140px; } }
@media screen and (max-width: 640px) { .about-bar a { width: 25%; border: solid 1px #fff; border-top: 0; border-bottom: 0; margin: 0; } }
.service-bar { margin-bottom: 65px; }
.service-bar .fix { display: block; }
@media screen and (max-width: 999px) { .service-bar { margin-bottom: 40px; }
  .service-bar a { width: 16.66%; border: solid 1px #fff; border-top: 0; border-bottom: 0; margin: 0 0 1px; } }
@media screen and (max-width: 640px) { .service-bar { margin-bottom: 30px; }
  .service-bar a { width: 33.33%; } }
/* about1-main start */
.about1-main .item-title { font-size: 24px; font-size: 2.4rem; color: #555; font-weight: bold; margin-top: 60px; }
.about1-main .item-desc { margin-top: 21px; font-size: 16px; font-size: 1.6rem; line-height: 26px; }
.about1-main .item-desc, .about1-main .item-desc a, .about1-main .item-desc span, .about1-main .item-desc li, .about1-main .item-desc strong, .about1-main .item-desc em, .about1-main .item-desc p { color: #666; }
.about1-main .item-desc img { display: block; margin: 70px auto 0; }
@media screen and (max-width: 999px) { .about1-main .item-title { margin-top: 50px; font-size: 20px; font-size: 2rem; }
  .about1-main .item-desc img { margin: 50px auto 0; } }
@media screen and (max-width: 767px) { .about1-main .item-title { font-size: 18px; font-size: 1.8rem; margin-top: 30px; }
  .about1-main .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 10px; }
  .about1-main .item-desc img { margin: 30px auto 0; } }
/* about1-main end */
/*-------------about1 end------------------------------------------------------------------*/
/*-------------about2 start----------------------------------------------------------------*/
.cer-list { padding: 65px 0 48px; }
.cer-list .list-item { float: left; width: 21.83333%; margin-left: 12%; margin-bottom: 42px; }
.cer-list .item-pics { display: block; position: relative; }
.cer-list .item-pics img { display: block; max-width: 262px; width: 100%; margin: 0 auto; }
.cer-list .item-pics .iconfont { position: absolute; bottom: 0; right: 0; width: 33px; height: 33px; display: inline-block; text-align: center; line-height: 33px; background-color: #db293f; background-color: #c0c4cc; color: #fff; font-size: 27px; font-size: 2.7rem; }
.cer-list .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 24px; text-align: center; margin-top: 12px; }
@media screen and (max-width: 999px) { .cer-list { padding: 48px 0 10px; }
  .cer-list .list-item { width: 23%; margin: 0 1% 35px; } }
@media screen and (max-width: 767px) { .cer-list { padding: 30px 0 10px; }
  .cer-list .list-item { margin-bottom: 30px; }
  .cer-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 5px; } }
@media screen and (max-width: 640px) { .cer-list .list-item { width: 31.33%; margin-bottom: 20px; } }
@media screen and (max-width: 400px) { .cer-list .list-item { width: 48%; } }
/*-------------about2 end------------------------------------------------------------------*/
/*-------------about3 start----------------------------------------------------------------*/
.about3-main { padding-top: 58px; /* item-box4 start */ /* item-box5 */ }
@media screen and (max-width: 767px) { .about3-main { padding-top: 50px; } }
@media screen and (max-width: 767px) { .about3-main { padding-top: 30px; } }
.about3-main .about3-title { font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 30px; }
@media screen and (max-width: 767px) { .about3-main .about3-title { font-size: 20px; font-size: 2rem; } }
.about3-main .about3-desc { line-height: 24px; text-indent: 2rem; }
.about3-main .about3-desc, .about3-main .about3-desc p, .about3-main .about3-desc a, .about3-main .about3-desc li, .about3-main .about3-desc strong, .about3-main .about3-desc em { color: #555; }
.about3-main .item-box1 .about3-desc { margin-top: 15px; }
.about3-main .item-box2 { margin-top: 22px; }
.about3-main .item-box2 .about3-desc { margin-top: 16px; }
.about3-main .item-box2 .about3-desc img { display: block; margin: 10px auto 0; }
.about3-main .item-box3 { margin-top: 19px; background-color: #db293f; padding: 28px 28px 28px 44px; }
.about3-main .item-box3 .item-right { margin-left: 5.3286%; width: 100%; max-width: 418px; border: solid 2px #fff; border: solid 2px rgba(255, 255, 255, 0.5); padding: 9px 10px 22px; }
.about3-main .item-box3 .item-right .item-title { text-align: center; margin-bottom: 18px; }
.about3-main .item-box3 .item-right li { padding-left: 8px; width: 50%; float: left; color: #fff; line-height: 24px; }
.about3-main .item-box3 .item-right .li { padding-left: 8px; width: 50%; float: left; color: #fff; line-height: 24px; }
.about3-main .item-box3 .item-right li, .about3-main .item-box3 .item-right li p, .about3-main .item-box3 .item-right li a { color: #fff; }
.about3-main .item-box3 .item-right .li, .about3-main .item-box3 .item-right .li p, .about3-main .item-box3 .item-right .li a { color: #fff; }
.about3-main .item-box3 .item-title { font-size: 18px; font-size: 1.8rem; color: #fff; font-weight: bold; }
.about3-main .item-box3 .item-left { overflow: hidden; }
.about3-main .item-box3 .item-left .item-title { margin-top: 11px; }
.about3-main .item-box3 .item-left .item-desc { color: #fff; line-height: 24px; margin-top: 18px; text-indent: 2em; }
@media screen and (max-width: 999px) { .about3-main .item-box3 { padding: 20px; }
  .about3-main .item-box3 .item-right { float: none; margin: 0; } }
@media screen and (max-width: 767px) { .about3-main .item-box3 .item-title { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 500px) {
	.about3-main .item-box3 .item-right li { width: 100%; text-align: left; }
  .about3-main .item-box3 .item-right li br { display: none; }
  .about3-main .item-box3 .item-right .li { width: 100%; text-align: left; }
  .about3-main .item-box3 .item-right .li br { display: none; } }
.about3-main .item-box4 { margin-top: 43px; padding: 41px 0 94px; background-color: #EEEEEE; }
.about3-main .item-box4 .about3-desc { margin-top: 22px; }
.about3-main .item-box4 .box-list { padding: 10px 0 0; }
.about3-main .item-box4 .box-list .list-item { float: left; width: 24.16667%; margin-left: 1.11111%; margin-top: 36px; }
.about3-main .item-box4 .box-list .list-item img { display: block; width: 100%; max-width: 290px; margin: 0 auto; }
@media screen and (max-width: 999px) { .about3-main .item-box4 { padding: 40px 0; }
  .about3-main .item-box4 .box-list { padding: 0; }
  .about3-main .item-box4 .box-list .list-item { width: 31.33%; margin: 20px 1% 0; } }
@media screen and (max-width: 767px) { .about3-main .item-box4 { padding: 30px 0; margin-top: 30px; }
  .about3-main .item-box4 .about3-desc { margin-top: 15px; } }
@media screen and (max-width: 500px) { .about3-main .item-box4 .box-list .list-item { width: 48%; margin: 20px 1% 0; } }
.about3-main .item-box5 { margin-top: 42px; }
.about3-main .item-box5 .box-list { margin-top: 34px; }
.about3-main .item-box5 .box-list .list-item { margin-bottom: 15px; }
.about3-main .item-box5 .box-list img { display: block; }
.about3-main .item-box5 .box-list .item1 { width: 31.66667%; }
.about3-main .item-box5 .box-list .item2 { width: 65.83333%; }
@media screen and (max-width: 767px) { .about3-main .item-box5 { margin-top: 30px; }
  .about3-main .item-box5 .box-list { margin-top: 20px; }
  .about3-main .item-box5 .box-list .list-item { margin-bottom: 10px; } }
.about3-main .about3-title1 { font-size: 26px; font-size: 2.6rem; font-weight: bold; text-align: center; position: relative; padding-bottom: 17px; }
.about3-main .about3-title1:after { position: absolute; content: ''; width: 129px; height: 3px; left: 50%; margin-left: -65px; background-color: #db293f; bottom: 0; }
@media screen and (max-width: 999px) { .about3-main .about3-title1 { font-size: 22px; font-size: 2.2rem; } }
@media screen and (max-width: 767px) { .about3-main .about3-title1 { font-size: 20px; font-size: 2rem; } }
.about3-main .item-box6 { padding: 50px 0 0; }
@media screen and (max-width: 767px) { .about3-main .item-box6 { padding: 30px 0 0; } }
.about3-main .item-box6 .box-list { margin-top: 57px; }
.about3-main .item-box6 .box-list .list-item { position: relative; margin-bottom: 25px; }
.about3-main .item-box6 .box-list .item-pics { width: 47.5%; }
.about3-main .item-box6 .box-list .item-pics img { display: block; max-width: 570px; margin: 0 auto; width: 100%; }
.about3-main .item-box6 .box-list .item-body { width: 50%; border: solid 2px #BFBFBF; height: 388px; }
.about3-main .item-box6 .box-list .item-body1 { padding: 48px 56px 0; }
.about3-main .item-box6 .box-list .item-body2 { padding: 92px 158px 0 86px; }
.about3-main .item-box6 .box-list .item-title { font-weight: bold; font-size: 24px; font-size: 2.4rem; }
.about3-main .item-box6 .box-list .item-desc { line-height: 30px; font-size: 16px; font-size: 1.6rem; margin-top: 34px; }
.about3-main .item-box6 .box-list .item-desc1 { font-size: 18px; font-size: 1.8rem; line-height: 36px; margin-bottom: 27px; }
.about3-main .item-box6 .box-list .item-desc2 { margin-top: 16px; line-height: 36px; font-size: 16px; font-size: 1.6rem; }
@media screen and (max-width: 1219px) { .about3-main .item-box6 .box-list .item-body { height: 317px; padding: 30px 50px 0; }
  .about3-main .item-box6 .box-list .item-desc, .about3-main .item-box6 .box-list .item-desc1, .about3-main .item-box6 .box-list .item-desc2 { line-height: 30px; } }
@media screen and (max-width: 999px) { .about3-main .item-box6 .box-list { margin-top: 50px; }
  .about3-main .item-box6 .box-list .item-pics { width: 100%; float: none; margin: 0 auto 20px; }
  .about3-main .item-box6 .box-list .item-body { width: 100%; padding: 15px; height: auto; }
  .about3-main .item-box6 .box-list .item-desc { margin-top: 15px; }
  .about3-main .item-box6 .box-list .item-desc2 { margin-top: 15px; }
  .about3-main .item-box6 .box-list .item-desc1 { margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .about3-main .item-box6 .box-list { margin-top: 30px; }
  .about3-main .item-box6 .box-list .item-title { font-size: 20px; font-size: 2rem; }
  .about3-main .item-box6 .box-list .item-desc, .about3-main .item-box6 .box-list .item-desc1, .about3-main .item-box6 .box-list .item-desc2 { line-height: 24px; font-size: 16px; font-size: 1.6rem; } }
.about3-main .item-box7 { padding-top: 13px; }
.about3-main .item-box7 .list-item { margin-bottom: 29px; }
.about3-main .item-box7 .list-item img { display: block; margin: 0 auto; }
.about3-main .item-box7 .item1 { width: 31.5%; }
.about3-main .item-box7 .item2 { width: 65.33333%; }
.about3-main .item-box7 .item3 { width: 31.5%; margin-right: 2.33333%; }
.about3-main .item-box7 .item4 { margin-right: 0; }
@media screen and (max-width: 999px) { .about3-main .item-box7 .list-item { margin-bottom: 15px; } }
@media screen and (max-width: 767px) { .about3-main .item-box7 .list-item { margin-bottom: 10px; } }
.about3-main .item-box8 { padding-top: 31px; }
.about3-main .item-box8 .item-subt { font-size: 16px; font-size: 1.6rem; line-height: 24px; text-align: center; margin: 15px 0 35px; }
.about3-main .item-box8 .list-item { float: left; width: 50%; position: relative; font-size: 16px; font-size: 1.6rem; margin-left: 2%; line-height: 40px; padding-right: 100px; }
.about3-main .item-box8 .list-item.no_marginl { width: 48%; }
.about3-main .item-box8 .item-title, .about3-main .item-box8 .item-title a { color: #555; }
.about3-main .item-box8 .item-btn { position: absolute; right: 0; top: 0; color: #db293f; }
@media screen and (max-width: 999px) { .about3-main .item-box8 .list-item { width: 48%; margin: 0 1%; } }
@media screen and (max-width: 767px) { .about3-main .item-box8 { padding-top: 20px; }
  .about3-main .item-box8 .item-subt { margin: 15px 0; }
  .about3-main .item-box8 .list-item { width: 98% !important; font-size: 14px; font-size: 1.4rem; line-height: 36px; } }
/*-------------about3 end------------------------------------------------------------------*/
/*-------------about4 start----------------------------------------------------------------*/
.about4-main { padding: 47px 0 0; }
@media screen and (max-width: 767px) { .about4-main { padding: 30px 0 0; } }
.about4-main .list-item .item-date { font-size: 20px; font-size: 2rem; font-weight: bold; color: #db293f; line-height: 24px; font-family: arial; }
.about4-main .list-item .box-list { margin-top: 15px; margin-bottom: 17px; padding-left: 60px; position: relative; }
.about4-main .list-item .box-list:after { position: absolute; content: ''; width: 1px; top: 7px; background-color: #A6A6A6; bottom: 0; left: 65px; z-index: -1; }
.about4-main .list-item .box-list li { position: relative; color: #555; line-height: 24px; padding-left: 32px; margin-bottom: 14px; }
.about4-main .list-item .box-list li:after { position: absolute; content: ''; width: 11px; height: 11px; border-radius: 50%; background-color: #db293f; left: 0; top: 6px; }
.about4-main .list-item .box-list p { position: relative; color: #555; line-height: 24px; padding-left: 32px; margin-bottom: 14px; }
.about4-main .list-item .box-list p:after { position: absolute; content: ''; width: 11px; height: 11px; border-radius: 50%; background-color: #db293f; left: 0; top: 6px; }
@media screen and (max-width: 767px) { .about4-main .list-item .item-date { font-size: 18px; font-size: 1.8rem; }
  .about4-main .list-item .box-list { margin: 10px 0; padding-left: 20px; }
  .about4-main .list-item .box-list p { padding-left: 20px; margin-bottom: 10px; }
  .about4-main .list-item .box-list:after { left: 25px; } }
/*-------------about4 end------------------------------------------------------------------*/
/*-------------case start------------------------------------------------------------------*/
.case-main { width: 942px; }
@media screen and (max-width: 1219px) { .case-main { width: 750px; } }
@media screen and (max-width: 999px) { .case-main { width: 100%; } }
.case-slide { width: 214px; }
@media screen and (max-width: 999px) { .case-slide { width: 100%; margin: 30px auto 0; } }
/* slidenav-title */
.slidenav-title { font-weight: bold; font-size: 18px; font-size: 1.8rem; color: #FFFFFF; line-height: 45px; margin-bottom: 20px; background-color: #db293f; text-align: center; position: relative; }
.slidenav-title a { color: #FFFFFF; display: block; }
.slidenav-title a:hover { background-color: #333; }
@media screen and (max-width: 767px) { .slidenav-title { font-size: 20px; font-size: 2rem; } }
/* slidenav-list */
.slidenav-list { margin-bottom: 50px; }
.slidenav-list > li { margin-bottom: 7px; border: solid 1px #D2D2D2; }
.slidenav-list > li > a { display: block; width: 100%; line-height: 20px; padding: 10px 10px 10px 51px; background: #EEEEEE url(../images/slide1.png) no-repeat 14px center; position: relative; font-size: 16px; font-size: 1.6rem; }
.slidenav-list > li > a:after { position: absolute; content: ''; top: 0; bottom: 0; left: 39px; width: 1px; background-color: #D2D2D2; }
.slidenav-active > a, .slidenav-list > li > a:hover { background: #db293f url(../images/slide1_1.png) no-repeat 14px center !important; color: #FFFFFF; }
.case-main .box-title { text-align: center; font-size: 20px; font-size: 2rem; color: #db293f; line-height: 30px; border-bottom: solid 1px #BFBFBF; padding-bottom: 20px; padding-top: 10px; }
.case-main .case-title { font-weight: bold; font-size: 16px; font-size: 1.6rem; line-height: 30px; }
.case-main .case-title, .case-main .case-title a { color: #db293f; }
.case-main .item-box1 { padding: 18px 0 0; }
.case-main .item-box1 .item-body { padding: 12px 0 15px; }
@media screen and (max-width: 767px) { .case-main .item-box1 { padding: 15px 0 0; } }
.case-main .item-box2 .item-body { padding: 20px 0 27px; }
@media screen and (max-width: 767px) { .case-main .item-box2 .item-body { padding: 15px 0; } }
.case-main .item-box1 .item-body, .case-main .item-box2 .item-body { font-size: 12px; font-size: 1.2rem; line-height: 24px; }
.case-main .item-box1 .item-body p, .case-main .item-box2 .item-body p { text-indent: 2em; }
.case-main .item-box1 .item-body, .case-main .item-box1 .item-body p, .case-main .item-box1 .item-body a, .case-main .item-box1 .item-body li, .case-main .item-box1 .item-body span, .case-main .item-box1 .item-body strong, .case-main .item-box1 .item-body em, .case-main .item-box2 .item-body, .case-main .item-box2 .item-body p, .case-main .item-box2 .item-body a, .case-main .item-box2 .item-body li, .case-main .item-box2 .item-body span, .case-main .item-box2 .item-body strong, .case-main .item-box2 .item-body em { color: #555; }
.case-main .item-box1 .item-body img, .case-main .item-box1 .item-body iframe, .case-main .item-box2 .item-body img, .case-main .item-box2 .item-body iframe { max-width: 100%; }
.case-main .item-box3 .box-list { padding: 3px 0 43px; }
.case-main .item-box3 .box-list .list-item { float: left; width: gget_w(305, 942); margin-left: 1.43312%; margin-top: 13px; }
.case-main .item-box3 .box-list .list-item img { display: block; max-width: 305px; width: 100%; margin: 0 auto; }
@media screen and (max-width: 999px) { .case-main .item-box3 .box-list .list-item { width: 31.33%; margin: 13px 1% 0; } }
@media screen and (max-width: 767px) { .case-main .item-box3 .box-list { padding: 0 0 30px; } }
@media screen and (max-width: 500px) { .case-main .item-box3 .box-list .list-item { width: 48%; margin: 10px 1% 0; } }
.case-main .item-box3 .case-form { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ background-color: #db293f; padding: 15px 33px 15px 27px; margin: 0 auto; }
.case-main .item-box3 .case-form ::-webkit-input-placeholder { color: #fff; opacity: 1; }
.case-main .item-box3 .case-form :-o-placeholder { color: #fff; opacity: 1; }
.case-main .item-box3 .case-form ::-moz-placeholder { color: #fff; opacity: 1; }
.case-main .item-box3 .case-form :-ms-input-placeholder { color: #fff; opacity: 1; }
.case-main .item-box3 .case-form .item-title { color: #fff; line-height: 34px; font-size: 20px; font-size: 2rem; }
.case-main .item-box3 .case-form .item-title span{color: #fff;}
.case-main .item-box3 .case-form .item-form input { width: 180px; line-height: 32px; height: 34px; border: solid 1px #fff; padding: 0 14px; color: #fff; }
.case-main .item-box3 .case-form .item-form .item-tel { margin-left: 8px; }
.case-main .item-box3 .case-form .item-form .item-btn { margin-left: 18px; width: 141px; background-color: #fff; color: #db293f; text-align: center; border-color: #fff; }
.case-main .item-box3 .case-form .item-form .item-btn:hover { background-color: #333; color: #fff; border-color: #333; }
@media screen and (min-width: 1000px) and (max-width: 1219px) {
	.case-main .item-box3 .case-form{padding: 15px;}
	.case-main .item-box3 .case-form .item-form .item-btn{width: 120px;margin-left: 5px;}
	.case-main .item-box3 .case-form .item-form input{width: 125px;}
	.case-main .item-box3 .case-form .item-form .item-tel{margin-left: 5px;}
}
@media screen and (max-width: 999px) { .case-main .item-box3 .case-form .item-form { width: 100%; float: left; margin-top: 15px; } }
@media screen and (max-width: 767px) { .case-main .item-box3 .case-form { padding: 15px; }
  .case-main .item-box3 .case-form .item-title { font-size: 16px; font-size: 1.6rem; }
  .case-main .item-box3 .case-form .item-form input { width: 35%; float: left; }
  .case-main .item-box3 .case-form .item-form .item-btn { width: 26%; margin-left: 2%; }
  .case-main .item-box3 .case-form .item-form .item-tel { margin-left: 2%; } }
@media screen and (max-width: 550px) { .case-main .item-box3 .case-form .item-form input { width: 49%; }
  .case-main .item-box3 .case-form .item-form .item-btn { width: 100%; margin-left: 0; margin-top: 10px; } }
.case-main .item-box4 { padding: 33px 0 70px; }
@media screen and (max-width: 999px) { .case-main .item-box4 { padding: 33px 0 50px; } }
@media screen and (max-width: 767px) { .case-main .item-box4 { padding: 30px 0; } }
.case-main .item-box4 .pro1-list { padding: 0; }
.case-main .item-box4 .related-scrollbox{display: none;}
@media screen and (max-width: 767px) {
	.case-main .item-box4 .pro1-list { display: none; }
	.case-main .item-box4 .related-scrollbox{display: block;}
}
.case-main .item-box4 .pro1-list .list-item { float: left;margin-top: 20px; margin-bottom: 0; border: solid 1px #E5E5E5; width: 30.91825%; margin-left: 3.18471%; padding: 8px 9px 14px; }
.case-main .item-box4 .pro1-list .item-title { font-size: 16px; font-size: 1.6rem; margin-top: 13px; }
.case-main .item-box4 .pro1-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; height: 44px; margin-top: 0; }
.case-main .item-box4 .pro1-list .item-btn { width: 131px; height: 38px; line-height: 36px; margin-top: 11px; font-size: 14px; font-size: 1.4rem; }
@media screen and (max-width: 999px) { .case-main .item-box4 .pro1-list .list-item { width: 31.33%; margin: 20px 1% 0; } }
@media screen and (max-width: 767px) { .case-main .item-box4 .pro1-list .item-btn { height: 36px; line-height: 34px; width: 110px; } }
@media screen and (max-width: 600px) { .case-main .item-box4 .pro1-list .list-item { width: 48%; margin: 20px 1% 0; } }
@media screen and (max-width: 350px) { .case-main .item-box4 .pro1-list .list-item { width: 98%; margin: 20px 1% 0; } }
.case-main .item-box5 .news1-list { padding: 0; margin-top: -5px; }
/*-------------case end--------------------------------------------------------------------*/
/*-------------contact us start------------------------------------------------------------*/
/*-------------contact us end--------------------------------------------------------------*/
/*-------------video start-----------------------------------------------------------------*/
.video-list { padding: 56px 0 34px; }
.video-list .list-item { float: left; width: 31.91667%; margin-left: 2.125%; margin-bottom: 44px; position:relative;}
.video-list .list-item .video{ width:100%;}
.video-list .item-videobox { width: 100%;/* overflow: hidden; margin: 0 auto; position: relative;*/}
.video-list .item-backdrop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:99;cursor: pointer;}
.video-list .item-videobox .item-video { /*position: relative; overflow: hidden; padding-bottom: 76.24021%; height: 0;*/ }
.video-list .item-videobox .item-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.video-list .item-videobox .item-video iframe body { margin: 0px !important; }
.video-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 26px; text-align: center; margin-top: 29px;cursor: pointer; }
@media screen and (max-width: 1219px) { .video-list { padding: 56px 0 20px; } }
@media screen and (max-width: 999px) { .video-list { padding: 50px 0 20px; }
  .video-list .list-item { width: 31.33%; margin: 0 1% 30px; }
  .video-list .item-title { margin-top: 15px; font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 767px) { .video-list { padding: 30px 0 20px; }
  .video-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } }
@media screen and (max-width: 640px) { .video-list { padding: 30px 0 10px; }
  .video-list .list-item { margin-bottom: 20px; width: 48%; } }
@media screen and (max-width: 380px) { .video-list .list-item { width: 98%; } }
/*-------------video end-------------------------------------------------------------------*/
/*-------------news1 start-----------------------------------------------------------------*/
.news1-list1 .list-item { float: left; width: 31.25%; margin-left: 2.95833%; background-color: #EEEEEE; margin-top: 52px; }
@media screen and (max-width: 999px) { .news1-list1 .list-item { width: 31.33%; margin: 40px 1% 0; } }
@media screen and (max-width: 767px) { .news1-list1 .list-item { margin-top: 30px; } }
@media screen and (max-width: 640px) { .news1-list1 .list-item { width: 48%; } }
@media screen and (max-width: 400px) { .news1-list1 .list-item { width: 98%; } }
.news1-list1 .item-pic { width: 100%; height: 250px;}
@media screen and (max-width: 999px) { .news1-list1 .item-pic { width: 100%; height: 200px; } }
@media screen and (max-width: 767px) { .news1-list1 .item-pic { width: 100%; height: 180px; } }
@media screen and (max-width: 640px) { .news1-list1 .item-pic { width: 100%; height: 220px; } }
@media screen and (max-width: 400px) { .news1-list1 .item-pic { width: 100%; height: 210px; } }
.news1-list1 .item-pic img { display: block; max-width: 375px; width: 100%; max-height:100%; height:250px; margin: 0 auto; }
.news1-list1 .item-date { padding: 6px 0 0; margin-top: -43px; margin-left: 15px; position: relative; z-index: 2; width: 64px; height: 64px; background-color: #db293f; text-align: center; }
.news1-list1 .item-date p { color: #fff; }
.news1-list1 .item-date .p1 { font-size: 30px; font-size: 3rem; line-height: 32px; }
.news1-list1 .item-date .p2 { line-height: 18px; }
@media screen and (max-width: 999px) { .news1-list1 .item-date { margin-left: 10px; }
  .news1-list1 .item-date .p1 { font-size: 24px; font-size: 2.4rem; } }
@media screen and (max-width: 767px) { .news1-list1 .item-date { width: 54px; height: 54px; margin-top: -34px; }
  .news1-list1 .item-date .p1 { font-size: 20px; font-size: 2rem; line-height: 24px; }
  .news1-list1 .item-date .p2 { font-size: 12px; font-size: 1.2rem; } }
.news1-list1 .item-body { padding: 13px 15px 30px; }
@media screen and (max-width: 999px) { .news1-list1 .item-body { padding: 10px 15px 15px; } }
@media screen and (max-width: 767px) { .news1-list1 .item-body { padding: 10px; } }
.news1-list1 .item-title { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 26px; }
.news1-list1 .item-desc { text-indent: 2em; margin-top: 11px; line-height: 26px; height: 52px; }
.news1-list1 .item-desc, .news1-list1 .item-desc a { color: #555; }
@media screen and (max-width: 767px) { .news1-list1 .item-desc { line-height: 24px; height: 48px; margin-top: 5px; } }
.news1-list { padding: 46px 0 95px; }
.news1-list .list-item { border-top: dashed 1px #A6A6A6; padding: 32px 0; }
.news1-list .list-item:first-child { border-top: 0; }
.news1-list .item-pic { width: 254px; margin-right: 2.66667%; }
.news1-list .item-pic img { display: block; width: 100%; margin: 0 auto; max-width: 480px; }
.news1-list .item-body { overflow: hidden; }
.news1-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 26px; font-weight: bold; margin-top: 5px; }
.news1-list .item-date { color: #888; line-height: 26px; margin-top: 11px; }
.news1-list .item-desc { text-indent: 2em; margin-top: 1px; line-height: 26px; height: 52px; }
.news1-list .item-desc, .news1-list .item-desc a { color: #555; }
.news1-list .item-btn { margin-top: 15px; display: inline-block; width: 128px; height: 40px; border-radius: 5px; border: solid 1px #db293f; line-height: 38px; text-align: center; color: #db293f; }
.news1-list .item-btn:hover { background-color: #db293f; color: #fff; }
@media screen and (max-width: 1219px) { .news1-list { padding: 40px 0; } }
@media screen and (max-width: 999px) { .news1-list { padding: 20px 0; } }
@media screen and (max-width: 767px) { .news1-list { padding: 10px 0; }
  .news1-list .list-item { padding: 30px 0; }
  .news1-list .item-btn { width: 110px; height: 34px; line-height: 32px; } }
@media screen and (max-width: 500px) { .news1-list .item-pic { width: 100%; float: none; margin: 0 auto 20px; } }
/*-------------news1 end-------------------------------------------------------------------*/
/*-------------news2 start-----------------------------------------------------------------*/
.news2-main .box-title { margin-top: 52px; font-weight: bold; font-size: 20px; font-size: 2rem; line-height: 30px; text-align: center; }
@media screen and (max-width: 999px) { .news2-main .box-title { margin-top: 40px; } }
@media screen and (max-width: 767px) { .news2-main .box-title { margin: 70px 20px 30px 20px; font-size: 18px; font-size: 1.8rem; line-height: 26px; } }
.news2-main .box-date { border-bottom: solid 1px #A6A6A6; border-bottom: solid 1px rgba(166, 166, 166, 0.5); margin-top: 17px; padding-bottom: 22px; line-height: 26px; text-align: center; }
.news2-main .box-date > span { color: #888; margin-right: 36px; }
.news2-main .box-date .pro-share { display: inline-block; }
@media screen and (max-width: 767px) { .news2-main .box-date { margin-top: 10px; padding-bottom: 10px; }
  .news2-main .box-date > span { margin-right: 10px; }
  .news2-main .box-date .pro-share{ display:none}
  }
.news2-main .item-zy { padding: 17px 20px 25px; background-color: #f9f9f9; border: solid 1px #DCDCDC; margin-top: 37px; line-height: 26px; }
.news2-main .item-zy .item-desc { color: #555; text-indent: 2em; }
@media screen and (max-width: 767px) { .news2-main .item-zy { padding: 15px; margin-top: 20px; line-height: 24px; } }
.news2-main .item-body { line-height: 26px; padding: 37px 0 40px; text-indent: 2em; }
.news2-main .item-body img, .news2-main .item-body iframe { max-width: 100%; }
@media screen and (max-width: 767px) {
.news2-main .item-body img, .news2-main .item-body iframe, .news2-main .item-body video { display: inherit; }
}
.news2-main .item-body, .news2-main .item-body p, .news2-main .item-body a, .news2-main .item-body span, .news2-main .item-body li, .news2-main .item-body strong, .news2-main .item-body em { color: #555; }
@media screen and (max-width: 767px) { .news2-main .item-body { line-height: 24px; padding: 25px 0; } }
.news2-copyright { padding: 22px 0 28px; background-color: #FBFBFB; }
.news2-copyright .box-title { margin-bottom: 20px; text-align: center; line-height: 26px; color: #555; }
.news2-copyright .box-title a { color: #555; }
.news2-copyright .box-title a:hover { color: #db293f; }
@media screen and (max-width: 767px) { .news2-copyright { padding: 15px 0; }
  .news2-copyright .box-title { margin-bottom: 10px; } }
/* case-form start */
.case-form { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ background-color: #db293f; padding: 24px 34px 56px 25px; max-width: 1124px; margin: 0 auto; }
.case-form ::-webkit-input-placeholder { color: #fff; opacity: 1; }
.case-form :-o-placeholder { color: #fff; opacity: 1; }
.case-form ::-moz-placeholder { color: #fff; opacity: 1; }
.case-form :-ms-input-placeholder { color: #fff; opacity: 1; }
.case-form .item-title { font-weight: bold; color: #fff; font-size: 18px; font-size: 1.8rem;line-height: 34px; }
.case-form .item-title span{color: #fff;}
.case-form .item-form input { width: 220px; line-height: 32px; height: 34px; border: solid 1px #fff; padding: 0 9px; color: #fff; }
.case-form .item-form .item-tel { margin-left: 8px; }
.case-form .item-form .item-btn { margin-left: 18px; width: 131px; background-color: #fff; color: #db293f; text-align: center; border-color: #fff; font-weight: bold; }
.case-form .item-form .item-btn:hover { background-color: #db293f; color: #fff; border-color: #db293f; }
@media screen and (max-width: 999px) { .case-form .item-form { width: 100%; float: left; margin-top: 15px; } }
@media screen and (max-width: 767px) { .case-form { padding: 20px 10px 100px 10px; }
  .case-form .item-title { font-size: 16px; font-size: 1.6rem; }
  .case-form .item-form input { width: 35%; float: left; }
  .case-form .item-form .item-btn { width: 26%; margin-left: 2%; }
  .case-form .item-form .item-tel { margin-left: 2%; } }
@media screen and (max-width: 550px) { .case-form .item-form input { width: 49%; }
  .case-form .item-form .item-btn { width: 100%; margin-left: 0; margin-top: 10px; } }
/* case-form end */
/* news2-oth start */
.news2-oth { border-top: solid 1px #A6A6A6; border-top: solid 1px rgba(166, 166, 166, 0.5); line-height: 26px; padding: 34px 0 0; margin-top: 71px; font-size: 16px; font-size: 1.6rem; }
.news2-oth p { width: 48%; }
.news2-oth a:hover { color: #db293f; }
.news2-oth .item-title1 { text-align: right; }
.news2-oth .item-title1, .news2-oth .item-title1 a { color: #666; }
.news2-oth .item-title1 a:hover { color: #db293f; }
@media screen and (max-width: 999px) { .news2-oth { margin-top: 50px; }
  .news2-oth p { width: 100%; }
  .news2-oth .item-title1 { text-align: left; } }
@media screen and (max-width: 767px) { .news2-oth { margin-top: 30px; padding: 15px 0 0; font-size: 14px; font-size: 1.4rem; } }
/* news2-oth end */
/*  */
.news2-related { margin-top: 75px; }
.news2-related .box-title { font-size: 24px; font-size: 2.4rem; font-weight: bold; }
.news2-related .box-title a:hover { color: #db293f; }
.news2-related .pro1-list { padding: 0; }
.news2-related .pro1-list .list-item { border: solid 1px #e5e5e5; margin-top: 47px; margin-bottom: 0; }
@media screen and (max-width: 999px) { .news2-related { margin-top: 50px; } }
@media screen and (max-width: 767px) { .news2-related { margin-top: 30px; }
  .news2-related .box-title { font-size: 20px; font-size: 2rem; }
  .news2-related .pro1-list .list-item { margin-top: 30px; } }
/*-------------news2 end-------------------------------------------------------------------*/
/* .c-xx start */
.c-fl { float: left; }
.c-fr { float: right; }
.c-cb { clear: both; }
.c-clearfix:after { content: ""; display: block; clear: both; }
.c-oh { overflow: hidden; }
.c-bbx { -moz-box-sizing: border-box; box-sizing: border-box; }
.c-pr { position: relative; }
.c-mt-5 { margin-top: 5px; }
.c-mt-10 { margin-top: 10px; }
.c-mt-15 { margin-top: 15px; }
.c-mt-20 { margin-top: 20px; }
.c-mt-25 { margin-top: 25px; }
.c-mt-30 { margin-top: 30px; }
.c-mt-35 { margin-top: 35px; }
.c-mt-40 { margin-top: 40px; }
.c-mt-45 { margin-top: 45px; }
.c-mt-50 { margin-top: 50px; }
.c-nomt { margin-top: 0 !important; }
.c-nomr { margin-right: 0 !important; }
.c-nomb { margin-bottom: 0 !important; }
.c-noml { margin-left: 0 !important; }
.c-nomg { margin: 0 !important; }
.c-nopt { padding-top: 0 !important; }
.c-nopr { padding-right: 0 !important; }
.c-nopb { padding-bottom: 0 !important; }
.c-nopl { padding-left: 0 !important; }
.c-nopd { padding: 0 !important; }
.c-nofont { line-height: 0; font-size: 0; }
.c-nobg { background: none !important; }
/* .c-xx end */
.m-sdctus { padding-left: 5px; padding-right: 4px; padding-bottom: 27px; background-color: #eeeeee; border: solid 1px #db293f; }
.m-sdctus .box-title { position: relative; padding-left: 26px; padding-top: 11px; padding-bottom: 11px; line-height: 30px; font-weight: bold; font-size: 16px; font-size: 1.6rem; color: #333; border-bottom: 1px solid #a6a6a6; }
.m-sdctus .box-title a { color: #333; }
.m-sdctus .box-title a:hover { color: #db293f; }
.m-sdctus .box-title:before { content: ""; position: absolute; left: 12px; top: 17px; width: 5px; height: 18px; background-color: #db293f; }
.m-sdctus .box-info { padding-top: 15px; }
.m-sdctus .info-item { position: relative; padding-left: 40px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; }
.m-sdctus .info-item a { color: #333; }
.m-sdctus .info-item a:hover { color: #db293f; }
.m-sdctus .info-item span { color: #da251d; }
.m-sdctus .info-item .iconfont { position: absolute; left: 12px; top: 0; color: #db293f; }
.m-sdctus .box-link { margin-top: 13px; margin-left: 12px; display: block; width: 139px; height: 40px; line-height: 40px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; background-color: #db293f; }
.m-sdctus .box-link span { color: #fff; }
.m-sdctus .box-link .iconfont { font-size: 24px; font-size: 2.4rem; vertical-align: middle; }
.m-sdctus .box-link:hover span { color: #ccc; }
.m-sdform { margin-top: 22px; padding-left: 14px; padding-right: 14px; padding-bottom: 21px; background: url("../images/sdbg1.jpg") no-repeat center; background-size: cover; background-color: #bfbfbf; }
.m-sdform .box-title { position: relative; padding-left: 26px; padding-top: 11px; padding-bottom: 11px; line-height: 30px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #333; border-bottom: 1px solid #fff; }
.m-sdform .box-title a { color: #333; }
.m-sdform .box-title a:hover { color: #db293f; }
.m-sdform .box-title:before { content: ""; position: absolute; left: 12px; top: 17px; width: 5px; height: 18px; background-color: #db293f; }
.m-sdform .box-form { margin-top: 20px; margin-bottom: -16px; }
.m-sdform .form-item { margin-bottom: 14px; }
.m-sdform .form-text { width: 100%; height: 36px; line-height: 36px; padding: 0 10px; font-size: 14px; font-size: 1.4rem; color: #555; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-sdform .form-text::-webkit-input-placeholder { color: #555; opacity: 1; }
.m-sdform .form-text:-moz-placeholder { color: #555; opacity: 1; }
.m-sdform .form-text::-moz-placeholder { color: #555; opacity: 1; }
.m-sdform .form-text:-ms-input-placeholder { color: #555; opacity: 1; }
.m-sdform .form-text2 { height: 90px; }
.m-sdform .form-btn { width: 139px; height: 40px; font-size: 16px; font-size: 1.6rem; color: #fff; background-color: #db293f; }
.m-pxb .box-title { font-size: 20px; font-size: 2rem; font-weight: bold; color: #333; }
.m-pxb .box-title1 { font-size: 22px; font-size: 2.2rem; font-weight: bold; color: #333; }
.m-pxb .box-desc { text-indent: 2em; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #555; }
.m-pxb .box-desc p { min-height: 24px; color: #555; }
@media screen and (max-width: 959px) { .m-pxb .box-desc p { min-height: 10px; } }
.m-pxb1 .box-desc { margin-top: 15px; text-indent: 2em; }
.m-pxb1 .box-list { margin-top: 46px; margin-bottom: -25px; font-size: 0; letter-spacing: 0; }
.m-pxb1 .list-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 2.49187%; margin-bottom: 25px; width: 31.63597%; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; text-align: center; border: 1px solid #d2d2d2; }
.m-pxb1 .list-item2 { border-color: #db293f; background-color: #db293f; color: #fff; }
.m-pxb1 .list-item2 .item-title { color: #fff; }
.m-pxb1 .list-item2 .item-desc { color: #fff; }
.m-pxb1 .item-fix { padding-top: 15px; padding-bottom: 23px; padding-left: 5px; padding-right: 5px; }
.m-pxb1 .item-title { color: #db293f; font-weight: bold; font-size: 16px; font-size: 1.6rem; }
.m-pxb1 .item-desc { margin-top: 4px; font-size: 14px; font-size: 1.4rem; }
@media screen and (max-width: 640px) { .m-pxb1 .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }
@media screen and (max-width: 375px) { .m-pxb1 .list-item { width: 98%; } }
.m-pxb2 { margin-top: 34px; }
.m-pxb2 .box-list { margin-top: 42px; margin-bottom: -42px; font-size: 0; letter-spacing: 0; }
.m-pxb2 .list-item { margin-bottom: 42px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 20%; text-align: center; padding: 0 5px; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-pxb2 .item-title { margin-top: 11px; font-size: 14px; font-size: 1.4rem; }
@media screen and (max-width: 959px) { .m-pxb2 .box-list { margin-top: 30px; margin-bottom: -30px; }
  .m-pxb2 .list-item { margin-bottom: 30px; } }
@media screen and (max-width: 375px) { .m-pxb2 .list-item { width: 50%; } }
.m-pxb3 { margin-top: 38px; }
.m-pxb3 .box-bd { margin-top: 7px; }
.m-pxb3 .box-img { float: right; margin-left: 6.50054%; width: 45.72048%; }
.m-pxb3 .box-text { padding-top: 3.14193%; }
@media screen and (max-width: 640px) { .m-pxb3 .box-img { float: none; width: 100%; margin-left: 0; } }
.m-pxb4 { margin-top: 47px; }
.m-pxb4 .box-list { margin-top: 52px; overflow: hidden; }
.m-pxb4 .list-item { width: 47.12893%; text-align: center; }
.m-pxb4 .list-item1 { float: left; }
.m-pxb4 .list-item2 { float: right; }
.m-pxb4 .item-img { font-size: 0; line-height: 0; }
.m-pxb4 .item-desc { margin-top: 19px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #555; }
@media screen and (max-width: 959px) { .m-pxb4 { margin-top: 30px; }
  .m-pxb4 .box-list { margin-top: 30px; } }
@media screen and (max-width: 375px) { .m-pxb4 .list-item { width: 100%; }
  .m-pxb4 .list-item2 { margin-top: 25px; } }
.m-pxb5 { margin-top: 49px; }
.m-pxb5 .box-desc { margin-top: 19px; }
@media screen and (max-width: 959px) { .m-pxb5 { margin-top: 30px; } }
.m-jszcb .box-title { font-size: 22px; font-size: 2.2rem; font-weight: bold; }
.m-jszcb .box-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #555; }
.m-jszcb1 .box-desc { margin-top: 14px; text-indent: 2em; }
.m-jszcb1 .box-list { margin-top: 23px; margin-bottom: -34px; font-size: 0; letter-spacing: 0; }
.m-jszcb1 .list-item { margin-right: 3.03359%; margin-bottom: 34px; min-height: 240px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 48.42904%; background-color: #eee; }
.m-jszcb1 .list-item:hover { background-color: #db293f; }
.m-jszcb1 .list-item:hover .item-title { color: #fff; }
.m-jszcb1 .list-item:hover .item-desc { color: #fff; }
.m-jszcb1 .list-item:hover .item-desc p { color: #fff; }
.m-jszcb1 .item-fix { padding-left: 18px; padding-right: 18px; padding-top: 27px; padding-bottom: 15px; }
.m-jszcb1 .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
.m-jszcb1 .item-desc { text-indent: 2em; margin-top: 23px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #333; }
@media screen and (max-width: 767px) { .m-jszcb1 .list-item { margin-right: 0; width: 100%; min-height: 0; } }
.m-jszcb2 { margin-top: 32px; }
.m-jszcb2 .box-desc { margin-top: 21px; }
.m-jszcb2 .box-img { margin-top: 17px; }
.m-jszcb3 { margin-top: 60px; }
.m-jszcb3 .box-info { font-size: 16px; font-size: 1.6rem; color: #555; text-align: center; }
.m-jszcb3 .box-title { text-align: center; margin-top: 10px; }
.m-jszcb3 .box-list { margin-top: 41px; margin-bottom: -37px; font-size: 0; letter-spacing: 0; overflow: hidden; }
.m-jszcb3 .list-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 4.44204%; margin-bottom: 43px; width: 30.33586%; }
.m-jszcb3 .item-title { font-size: 18px; font-size: 1.8rem; color: #555; font-weight: bold; }
.m-jszcb3 .item-title img { vertical-align: middle; }
.m-jszcb3 .item-desc { text-indent: 2em; margin-top: 14px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #555; }
@media screen and (max-width: 959px) { .m-jszcb3 .list-item { margin-right: 0; width: 100%; } }
.m-ftinfo { margin-top: -40px; padding-top: 44px; padding-bottom: 45px; background-color: #eeeeee; }
.m-ftinfo .box-list {  max-width: 923px; font-size: 0; letter-spacing: 0; text-align: center; }
.m-ftinfo .box-item { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 29.29185%; padding: 26px 10px 12px; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #dcdcdc; }
.m-ftinfo .box-item:first-child { border-left: none; }
.m-ftinfo .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #555; }
.m-ftinfo .item-title span { font-size: 48px; font-size: 4.8rem; color: #db293f; }
.m-ftinfo .item-desc { margin-top: 7px; font-size: 16px; font-size: 1.6rem; }
@media screen and (max-width: 1219px) {
	.m-ftinfo .box-list{max-width: 700px;}
}
@media screen and (max-width: 999px) {
	.m-ftinfo .box-list{max-width: 100%;}
}
@media screen and (max-width: 959px) { margin-top: 0;
  .m-ftinfo { padding: 30px 0; }
  .m-ftinfo .list-item { width: 33.33%; }
  .m-ftinfo .item-title span { font-size: 20px; font-size: 2rem; } }
.m-pjb1 .box-title { font-size: 14px; font-size: 1.4rem; }
.m-pjb1 .box-title strong { font-size: 20px; font-size: 2rem; font-weight: bold; }
.m-pjb1 .box-desc { margin-top: 20px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
.m-pjlst { margin-top: 30px; }
.m-pjlst .box-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; }
.m-pjlst .box-list { margin-top: 15px; margin-bottom: -25px; overflow: hidden; }
.m-pjlst .list-item { float: left; margin-right: 1.73348%; margin-bottom: 25px; width: 18.30986%; }
.m-pjlst .item-title { margin-top: 14px; height: 20px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
@media screen and (max-width: 640px) { .m-pjlst .list-item { margin-left: 1%; margin-right: 1% !important; width: 23%; } }
@media screen and (max-width: 480px) { .m-pjlst .list-item { width: 48%; } }
/*-------------dandan start-------------------------------------------------------------------*/
.subNav { position: relative; top: 0px; padding-bottom: 86px; }
.subNav .yiji { background: #f1f1f1 url(../images/jia.png) no-repeat right top; margin-bottom: 16px; }
.subNav .yiji .erji { display: none; padding-top: 7px; background: #fff; text-indent: 2em; padding-left: 24px; padding-right: 24px; }
.subNav .yiji.show1 { background: #f1f1f1 url(../images/jian.png) no-repeat right top; }
.subNav .yiji .erji.xianshi { display: block; }
.subNav .yiji > a { cursor: pointer; background: url(../images/setu1.png) no-repeat 11px 10px; border: 1px solid #e3e1e1; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 0px; padding-right: 47px; padding-left: 42px; display: block; color: #db293f; line-height: 20px; font-size: 16px; font-size: 1.6rem; }
.subNav .yiji.show1 a { color: #db293f; }
.subNav .yiji .item-content { overflow: hidden; }
.subNav .yiji .erji p { display: block; font-size: 14px; font-size: 1.4rem; color: #555555; line-height: 26px; }
.subNav .readmore { background-color: #fff; }
.subNav .readmore span { cursor: pointer; color: #db293f; }
@media screen and (max-width: 640px) { .subNav .yiji .erji { padding: 0 10px; } }
.serl { /* width: get_w(916); */ }
.serl .page { text-align: left; }
.serl .page a { text-align: center; }
.serr { width: 21.5%; background: red; margin-bottom: 20px; padding-bottom: 20px; }
@media screen and (max-width: 1219px) { .subNav { padding-bottom: 20px; } }
.danse_ul { padding-bottom: 66px; max-width: 874px; }
.danse_ul li { max-width: 408px; width: 49%; background: #fafafa; border: 1px solid #ededed; padding-top: 21px; padding-bottom: 14px; margin-bottom: 23px; }
.danse_ul .wrap { max-width: 340px; width: 80%; margin: 0 auto; position: relative; padding-left: 122px; min-height: 139px; }
.danse_ul .wrap .imgg { position: absolute; left: -20px; top: 0px; }
.danse_ul .item-title { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 2px; }
.danse_ul .kb { color: #666666; font-size: 14px; font-size: 1.4rem; line-height: 30px; padding-top: 2px; padding-bottom: 8px; }
.danse_ul .down { color: #666666; text-align: center; display: block; width: 74px; height: 33px; line-height: 33px; border: 1px solid #7d7d7d; }
.danse_ul .down:hover { border-color: #db293f; color: #db293f; }
@media screen and (max-width: 999px) { .danse_ul { padding-bottom: 50px; } }
@media screen and (max-width: 767px) { .danse_ul { padding-bottom: 30px; } }
@media screen and (max-width: 620px) { .danse_ul li { width: 98%; max-width: 100%; float: none; }
  .danse_ul .wrap { max-width: 100%; } }
.contact_top1 .title { padding-left: 62px; background: url(../images/zaixian.png) no-repeat left top; }
.contact_top1 .titlep { font-size: 26px; font-size: 2.6rem; line-height: 26px; }
.contact_top1 p { color: #666666; line-height: 30px; }
.contact_top1 .imgg { display: block; margin-top: 41px; }
.contact_top1 .imgg img { display: block; }
.contact_top1 .pull-left { width: 46.5%;     margin-top: 30px;}
.contact_top1 .pull-right { width: 51.25%;margin-top: 30px; }
.contact_top1 ::-webkit-input-placeholder { /* WebKit browsers */ color: #888; }
.contact_top1 :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #888; }
.contact_top1 ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #888; opacity: 1; }
.contact_top1 :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #888; }
.contact_top1 .c_xp { padding-top: 13px; }
.contact_top1 .c_div1 { margin-bottom: 12px; padding-left: 15px; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact_top1 .danstart { background: url(../images/danstart.png) no-repeat left 20px; }
.contact_top1 .c_input1 { float: left; line-height: 40px; height: 40px; font-size: 14px; font-size: 1.4rem; padding-left: 14px; color: #888; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; border: solid 1px #e3e1e1; background: #fff; }
.contact_top1 .c_textarea { float: left; font-size: 14px; font-size: 1.4rem; padding-left: 14px; color: #888; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; border: solid 1px #e3e1e1; line-height: 40px; height: 159px; background: #fff; }
.contact_top1 .c_captcha { background: #fff; width: 140px; float: left; line-height: 40px; height: 40px; text-align: center; color: #888; border-radius: 5px; border: solid 1px #e3e1e1; }
.contact_top1 .c_yzm { float: left; margin-left: 19px; cursor: pointer; }
.contact_top1 .c_send { text-align: center; color: #fff; background: #db293f; max-width: 361px; width: 100%; height: 42px; line-height: 40px; font-size: 16px; font-size: 1.6rem; cursor: pointer; font-weight: bold; border: 1px solid #e3e1e1; margin-top: 12px; }
@media screen and (max-width: 999px) { .contact_top1 .pull-left { width: 100%; float: none; margin: 0 auto; padding-bottom: 20px; }
  .contact_top1 .pull-right { width: 100%; float: none; margin: 0 auto; } }
@media screen and (max-width: 768px) { .contact_top1 .c_captcha { width: 100%; margin-bottom: 12px; text-align: left; padding-left: 14px; }
  .contact_top1 .c_yzm { margin-left: 0px; } }
.contact_top2 { padding-top: 19px; }
.contact_top2 .title { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; margin-top: 15px; margin-bottom: 10px; }
.contact_top2 p { color: #555555; font-size: 14px; font-size: 1.4rem; line-height: 26px; }
.contact_top3 { padding-top: 4px; }
.contact_top3 li { background: #fafafa; border: 1px solid #e3e1e1; width: 365px; margin-left: 48px; /*float: left;*/ margin-top: 33px; display: inline-block;vertical-align: top;}
.contact_top3 .wrap { -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 22px; min-height: 243px; }
.contact_top3 .title { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; }
.contact_top3 p { color: #333333; font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 23px; }
@media screen and (max-width: 1219px) { .contact_top3 li { width: 31%; margin-left: 1% !important; margin-right: 1%; }
  .contact_top3 p { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 999px) { .contact_top3 li { width: 47%; } }
@media screen and (max-width: 768px) { .contact_top3 li { width: 98%; }
  .contact_top3 .wrap { min-height: auto; } }
/* video-backdrop */
.video-backdrop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; }
.video-backdrop .icon-delete1 { cursor: pointer; position: absolute; right: 20px; top: 20px; font-size: 30px; font-size: 3rem; z-index: 9999; color: #fff; }
.video-backdrop .item-body { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translateY(-50%, -50%); -moz-transform: translateY(-50%, -50%); width: 95%; top: 10% \0; left: 2.5% \0; }
.video-backdrop .item-videobox { overflow: hidden; margin: 0 auto; max-width: 1000px; width: 100%; }
.video-backdrop .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 50%; /*宽除以高*/ height: 0; }
.video-backdrop .item-videobox .item-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.video-backdrop .item-videobox .item-video iframe body { margin: 0px !important; }
/*  navselect-box-----------------------------------------------------------------*/
.navlist li:hover .navselect-box { top: 121px; }
@media screen and (max-width: 1219px) { .navlist li:hover .navselect-box { top: 110px; } }
@media screen and (max-width: 999px) { .navlist li:hover .navselect-box { top: 141px; } }
.navselect-box { background-color: #eeedf2;background-color: rgba(255, 255, 255, 0.9); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.28); position: absolute; top: -9999px; left: 0; width: 100%; z-index: 99; padding: 48px 0; }
@media screen and (max-width: 980px) { .navselect-box { display: none; } }
.navselect-box .erjiimg { float: left; }
.navselect-box .yiji { margin-left: 26px; float: left; width: 178px; }
.navselect-box .erjibox { margin-left: 35px; float: left; width: 178px; }
.navselect-box .yiji, .navselect-box .erji { position: relative; }
.navselect-box .yiji li, .navselect-box .erji li { line-height: 24px; border-bottom: solid 1px #bfbfbf; padding: 12px 0; }
.navselect-box .yiji li a, .navselect-box .erji li a { display: block; line-height: 24px; overflow: hidden; }
.navselect-box .yiji li:hover > a, .navselect-box .yiji li.active > a, .navselect-box .erji li:hover > a, .navselect-box .erji li.active > a { color: #db293f; }
.navselect-box .yiji li:hover > a .iconfont, .navselect-box .yiji li.active > a .iconfont, .navselect-box .erji li:hover > a .iconfont, .navselect-box .erji li.active > a .iconfont { color: #db293f; }
.navselect-box .yiji .iconfont, .navselect-box .erji .iconfont { font-size: 12px; font-size: 1.2rem; color: #2b2b2b; opacity: 0.8; margin-right: 15px; float: left; }
/*# sourceMappingURL=style.css.map */
.page a.no:hover {border: solid 1px #e5e5e5!important;background-color: #fff!important;color: #333!important;}
.item-btns a.no:hover  {color: #333!important; background-color: #E5E5E5!important;}
.ppp{line-height: 60px;}
.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}
.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}
.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}
.listcart {width: 100%;margin-bottom: 40px;}
.listcart a {
    display: inline-block;
    height: 46px;
    width: 200px;
    line-height: 44px;
    cursor: pointer;
    border: none;
    overflow: hidden;
    color: #db293f;
    cursor: pointer;
    border: solid 1px #db293f;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 10px;
    }
     .fwtel{margin-top: 20px;color:#db293f!important;line-height:30px;font-size:18px;font-size:1.8rem;}
    .fwtel .iconfont{color: #ff9933;font-size: 30px;font-size: 3rem;vertical-align:middle;margin-right:10px}
    /*danyexiugai*/
body.danbody .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999999999999; background: #fff;}
@media screen and (max-width: 999px) { body.danbody .header { position: relative; } }
body.danbody { padding: 121px 0 80px; }
@media screen and (max-width: 1219px) { body.danbody { padding-top: 110px; } }
@media screen and (max-width: 1199px) { body.danbody { padding-bottom: 0; } }
@media screen and (max-width: 999px) { body.danbody { padding: 0; } }
/* b-foot */
.b-foot { position: fixed; bottom: 0; z-index: 999999; width: 100%; height: 80px; background: url("../images/b-foot.jpg") center; }
.b-foot .zong { width: 1200px; }
@media screen and (max-width: 1199px) { .b-foot { display: none; } }
.bf-l { float: left; height: 80px; border-left: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bf-l:first-child { border-left: none; }
.bf-l .title { font-size: 15px; font-size: 1.5rem; color: #fff; margin: 5px 0 7px 0; }
.bf-l.b1 { width: 224px; text-align: center; }
.bf-l.b1 > a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; -webkit-background-size: 100% 100% !important; background-size: 100% !important; }
.bf-l.b1 > a.a1 { margin-right: 22px; background: #fff url("../images/b-foot1.png") no-repeat; }
.bf-l.b1 > a.a1:hover { background: #fe7e0d url("../images/b-foot1-on.png") no-repeat; }
.bf-l.b1 > a.a2 { background: #fff url("../images/b-foot2.png") no-repeat; }
.bf-l.b1 > a.a2:hover { background: #fe7e0d url("../images/b-foot2-on.png") no-repeat; }
.bf-l.b2 { width: 574px; padding-left: 60px; }
.bf-l.b2 img { width: 80px; height: 31px; cursor: pointer; vertical-align: middle; }
.bf-l.b2 input, .bf-l.b2 .button { width: 98px; height: 31px; line-height: 31px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bf-l.b2 input { padding: 0 8px; margin-right: 8px; font-size: 14px; font-size: 1.4rem; color: #333; background-color: #fff; }
.bf-l.b2 input::-webkit-input-placeholder { color: #333; }
.bf-l.b2 input:-moz-placeholder { color: #333; }
.bf-l.b2 input::-moz-placeholder { color: #333; }
.bf-l.b2 input:-ms-input-placeholder { color: #333; }
.bf-l.b2 input::-ms-input-placeholder { color: #333; }
.bf-l.b2 input::placeholder { color: #333; }
.bf-l.b2 input:first-child { width: 140px; }
.bf-l.b2 .button { border: none; margin-left: 8px; font-size: 16px; font-size: 1.6rem; color: #fff; background: #fe7e0d; cursor: pointer; }
.bf-l.b2 .button:hover { background: #f97b0c; }
.bf-l.b3 { width: 210px; border-left: none; }
.bf-l.b3 .tel { font-size: 26px; font-size: 2.6rem; color: #fff; }
.bf-l.b4 { padding: 25px 0 0 30px; }
.bf-l.b4 .link { display: inline-block; width: 142px; height: 39px; border-radius: 6px; margin-right: 10px; background: url("../images/b-foot3.gif") no-repeat center; vertical-align: middle; }
.bf-l.b4 p { display: none; font-size: 14px; font-size: 1.4rem; color: #fff; }
/* s-nav start */
.s-nav { display: none; border-bottom: solid 1px #eee; }
.s-nav .list-item { float: left; width: 20%; text-align: center; padding: 20px 0 15px; }
.s-nav .item-pics { max-width: 80px; margin: 0 auto; width: 70%; }
.s-nav .item-pics img { display: block; width: 100%; max-width: 80px; margin: 0 auto; }
.s-nav .item-title { font-size: 14px; font-size: 1.4rem; line-height: 30px; margin-top: 5px; }
@media screen and (max-width: 767px) { .s-nav { display: block; } }
@media screen and (max-width: 767px) { .s-nav { display: block; } .moban{display: none;} }
@media screen and (min-width: 768px) { .moban1{display: none;} }
/* s-nav end */
.related-scrollbox { position: relative; }
@media screen and (max-width: 767px) { .related-scrollbox { padding: 0 40px; } }
.related-scrollbox .scroll-btns { display: none; }
.related-scrollbox .scroll-btns .scroll-btn { display: inline-block; cursor: pointer; position: absolute; top: 50%; margin-top: -14px; }
.related-scrollbox .scroll-btns .scroll-btn .iconfont { color: #333; font-size: 28px; font-size: 2.8rem; }
.related-scrollbox .scroll-btns .scroll-btn .iconfont:hover { color: #db293f; }
.related-scrollbox .scroll-btns .scroll-btn.prev { left: 0; }
.related-scrollbox .scroll-btns .scroll-btn.next { right: 0; }
@media screen and (max-width: 767px) { .related-scrollbox .scroll-btns { display: block; } }
.related-scrollbox .scroll-list-box { width: 100%; overflow: hidden; margin-top: 30px; margin-bottom: 30px;}
@media screen and (max-width: 999px) { .related-scrollbox .scroll-list-box { margin-top: 50px; } }
@media screen and (max-width: 767px) { .related-scrollbox .scroll-list-box { margin-top: 30px; } }
.related-scrollbox .scroll-list { width: 10000%; }
.related-scrollbox .scroll-list .list-item { float: left; border: solid 1px #E5E5E5; width: .295%; margin-right: 0.0575%; background-color: #fff; padding: 10px 11px 22px; }
.related-scrollbox .scroll-list .list-item:hover { -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.23); box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.23); }
@media screen and (max-width: 999px) { .related-scrollbox .scroll-list .list-item { width: .32%; margin-right: 0.02%; } }
@media screen and (max-width: 767px) { .related-scrollbox .scroll-list .list-item { padding: 10px; } }
@media screen and (max-width: 640px) { .related-scrollbox .scroll-list .list-item { width: .49%; } }
@media screen and (max-width: 400px) { .related-scrollbox .scroll-list .list-item { width: 1%; margin: 0; } }
.related-scrollbox .scroll-list .item-pic { width: 100%; position: relative; }
.related-scrollbox .scroll-list .item-pic img { display: block; width: 100%; max-width: 490px; height:300px; max-height:320px; margin: 0 auto; object-fit: contain; }
.related-scrollbox .scroll-list .item-pic:hover .item-backdrop { top: 0; }
.related-scrollbox .scroll-list .item-backdrop { position: absolute; top: 999px; bottom: 0; left: 0; width: 100%; background-color: #db293f; background-color: rgba(0, 91, 172, 0.6); -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all .5s; }
@media screen and (max-width: 999px) { .related-scrollbox .scroll-list .item-backdrop { display: none; } }
.related-scrollbox .scroll-list .item-body { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -65px; padding: 0 15px; }
.related-scrollbox .scroll-list .item-body p { line-height: 36px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/web2.png) no-repeat left center; padding-left: 20px; }
.related-scrollbox .scroll-list .item-body p, .related-scrollbox .scroll-list .item-body p a { color: #fff; }
.related-scrollbox .scroll-list .item-body p a:hover { color: #ccc; }
.related-scrollbox .scroll-list .item-body1 { text-align: center; }
.related-scrollbox .scroll-list .item-title { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 30px; margin-top: 18px; }
@media screen and (max-width: 999px) { .related-scrollbox .scroll-list .item-title { margin-top: 10px; } }
@media screen and (max-width: 767px) { .related-scrollbox .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }
.related-scrollbox .scroll-list .item-desc { margin-top: 3px; font-size: 16px; font-size: 1.6rem; line-height: 26px; height: 52px; }
.related-scrollbox .scroll-list .item-desc, .related-scrollbox .scroll-list .item-desc a { color: #555; }
@media screen and (max-width: 767px) { .related-scrollbox .scroll-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 22px; height: 44px; } }
.related-scrollbox .scroll-list .item-btn { margin-top: 9px; display: inline-block; width: 146px; height: 46px; line-height: 44px; border: solid 1px #db293f; color: #db293f; font-size: 16px; font-size: 1.6rem; }
.related-scrollbox .scroll-list .item-btn:hover { background-color: #db293f; color: #fff; }
@media screen and (max-width: 767px) { .related-scrollbox .scroll-list .item-btn { height: 36px; line-height: 34px; width: 110px; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 767px) {.news2-copyright .banq{display: none;}}
@media screen and (max-width: 640px) {
  .new_bar a{width:33.33%;margin-top: 2px;}
}
@media screen and (max-width: 767px) {
.item-body img{display: inherit;}
}
.pro-info .yansebubian{ background:#db293f; border: solid 1px #034988; color:#fff;}
body{ padding-bottom:0px;}
@media screen and (max-width: 1199px){
	body{ padding-bottom:0px;}
	}
.page .n1_pn{
	width: 76px !important;
    margin: 0 5px 10px;
	}


.indetit{
	text-align: center;
}
.indetit p{
	position: relative;
    font-size: 14px;
    color: #db293f;
    font-family: Arial,Helvetica,sans-serif;
    background-image: url(../images/inbg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 1px;
    margin-bottom: 6px;
    height: 24px;
}
.indetit i{  display:inline-block; padding:0 18px; height:24px;}
.pro2-specbox .box-tab .tab-options li:hover{
    background-color: #fff;
    color: #db293f;
}
.pro-share .xinxi{font-size: 16px;font-weight: bolder;}
.pro-share .xinxi p{float: left;padding-left: 8px;}
.pro-share .xinxi span{color: #0e1f5c;}


.sou{position: absolute;bottom: 0;left: 0;z-index: 999;}
.sou_suo{float: right;}
.sou_suo img{max-width: 390px;padding: 3px 0;}
@media screen and (max-width: 767px){
	.sou_suo{width: 100%;}
	.sou_suou img{max-width: 100%; padding: 0;padding-top: 15px;}
}
.prob-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    z-index: 8;
    display: none;
}
.m-prob1 .prob-video iframe{position:absolute;left:0;top:0;width:100%;height:100%}.m-prob1 .prob-video.show{display:block}
.m-prob1 .prob-pic-item .item-video{position: relative; display: block; text-align: center; overflow: hidden;}
.m-prob1 .prob-pic-item .item-video.zoomThumbActive {
    border: solid 1px #db293f;
}